/* =========================================================== // grid =========================================================== */
.g {
	display: grid;
	column-gap: 15px;
	row-gap: 15px;
	grid-template-columns: repeat(12, 1fr);
}
.g.vmiddle {
	align-items: center;
}
.g>* {
	grid-column-start: span 12;
	position: relative;
	min-height: 1px;
}
.g.grid10 {
	grid-template-columns: repeat(10, 1fr);
}
.g.cg0 {
	column-gap: 0px;
}
.g.rg0 {
	row-gap: 0px;
}
.g.cg1 {
	column-gap: 10px;
}
.g.rg1 {
	row-gap: 10px;
}
.g.cg2 {
	column-gap: 20px;
}
.g.rg2 {
	row-gap: 20px;
}
.g.cg3 {
	column-gap: 30px;
}
.g.rg3 {
	row-gap: 30px;
}
.g.cg4 {
	column-gap: 40px;
}
.g.rg4 {
	row-gap: 40px;
}
.g.cg5 {
	column-gap: 50px;
}
.g.rg5 {
	row-gap: 50px;
}
.g.cg6 {
	column-gap: 60px;
}
.g.rg6 {
	row-gap: 60px;
}
@media (min-width: 992px) {
	.g.md2 {
		grid-template-columns: var(--g2);
	}
	.g.md3 {
		grid-template-columns: var(--g3);
	}
	.g.md4 {
		grid-template-columns: var(--g4);
	}
	.g.md5 {
		grid-template-columns: var(--g5);
	}
	.g.md6 {
		grid-template-columns: var(--g6);
	}
	.g.md2>*, .g.md3>*, .g.md4>*, .g.md5>*, .g.md6>* {
		grid-column-start: auto;
	}
	.g.mdoff1 {
		width: calc(100% - 1 * 10%);
		margin-left: auto;
		margin-right: auto;
	}
	.g.mdoff2 {
		width: calc(100% - 2 * 10%);
		margin-left: auto;
		margin-right: auto;
	}
	.g.mdoff3 {
		width: calc(100% - 3 * 10%);
		margin-left: auto;
		margin-right: auto;
	}
	.g.mdoff4 {
		width: calc(100% - 4 * 10%);
		margin-left: auto;
		margin-right: auto;
	}
	.g .md1 {
		grid-column-start: span 1;
	}
	.g .md2 {
		grid-column-start: span 2;
	}
	.g .md3 {
		grid-column-start: span 3;
	}
	.g .md4 {
		grid-column-start: span 4;
	}
	.g .md5 {
		grid-column-start: span 5;
	}
	.g .md6 {
		grid-column-start: span 6;
	}
	.g .md7 {
		grid-column-start: span 7;
	}
	.g .md8 {
		grid-column-start: span 8;
	}
	.g .md9 {
		grid-column-start: span 9;
	}
	.g .md10 {
		grid-column-start: span 10;
	}
	.g .md11 {
		grid-column-start: span 11;
	}
	.g .md12 {
		grid-column-start: span 12;
	}
}
@media (min-width: 992px) {
	.hmd {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.inner {
		width: 100%;
	}
	.g.sm2 {
		grid-template-columns: var(--g2);
	}
	.g.sm3 {
		grid-template-columns: var(--g3);
	}
	.g.sm4 {
		grid-template-columns: var(--g4);
	}
	.g.sm5 {
		grid-template-columns: var(--g5);
	}
	.g.sm6 {
		grid-template-columns: var(--g6);
	}
	.g.sm2>*, .g.sm3>*, .g.sm4>*, .g.sm5>*, .g.sm6>* {
		grid-column-start: auto;
	}
	.g .sm1 {
		grid-column-start: span 1;
	}
	.g .sm2 {
		grid-column-start: span 2;
	}
	.g .sm3 {
		grid-column-start: span 3;
	}
	.g .sm4 {
		grid-column-start: span 4;
	}
	.g .sm5 {
		grid-column-start: span 5;
	}
	.g .sm6 {
		grid-column-start: span 6;
	}
	.g .sm7 {
		grid-column-start: span 7;
	}
	.g .sm8 {
		grid-column-start: span 8;
	}
	.g .sm9 {
		grid-column-start: span 9;
	}
	.g .sm10 {
		grid-column-start: span 10;
	}
	.g .sm11 {
		grid-column-start: span 11;
	}
	.g .sm12 {
		grid-column-start: span 12;
	}
	.hsm {
		display: none !important;
	}
}
@media all and (max-width: 767px) {
	.hxs {
		display: none !important;
	}
	.g.xs2 {
		grid-template-columns: var(--g2);
	}
	.g.xs3 {
		grid-template-columns: var(--g3);
	}
	.g.xs4 {
		grid-template-columns: var(--g4);
	}
	.g.xs5 {
		grid-template-columns: var(--g5);
	}
	.g.xs6 {
		grid-template-columns: var(--g6);
	}
	.g.xs2>*, .g.xs3>*, .g.xs4>*, .g.xs5>*, .g.xs6>* {
		grid-column-start: auto;
	}
	.g .xs1 {
		grid-column-start: span 1;
	}
	.g .xs2 {
		grid-column-start: span 2;
	}
	.g .xs3 {
		grid-column-start: span 3;
	}
	.g .xs4 {
		grid-column-start: span 4;
	}
	.g .xs5 {
		grid-column-start: span 5;
	}
	.g .xs6 {
		grid-column-start: span 6;
	}
	.g .xs7 {
		grid-column-start: span 7;
	}
	.g .xs8 {
		grid-column-start: span 8;
	}
	.g .xs9 {
		grid-column-start: span 9;
	}
	.g .xs10 {
		grid-column-start: span 10;
	}
	.g .xs11 {
		grid-column-start: span 11;
	}
	.g .xs12 {
		grid-column-start: span 12;
	}
	.g.cg2, .g.cg3, .g.cg4, .g.cg5, .g.cg6 {
		column-gap: 15px;
	}
	.invert-xs {
		grid-row: 1;
	}
}
/* =========================================================== // paddings / margins =========================================================== */
.p0 {
	padding: 0px;
}
.m0 {
	margin: 0px;
}
.p5 {
	padding: 5px;
}
.pt5 {
	padding-top: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.pl5 {
	padding-left: 5px;
}
.pr5 {
	padding-right: 5px;
}
.m5 {
	margin: 5px;
}
.mt5 {
	margin-top: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.ml5 {
	margin-left: 5px;
}
.mr5 {
	margin-right: 5px;
}
.p10 {
	padding: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pr10 {
	padding-right: 10px;
}
.m10 {
	margin: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mr10 {
	margin-right: 10px;
}
.p15 {
	padding: 15px;
}
.pt15 {
	padding-top: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.pl15 {
	padding-left: 15px;
}
.pr15 {
	padding-right: 15px;
}
.m15 {
	margin: 15px;
}
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.ml15 {
	margin-left: 15px;
}
.mr15 {
	margin-right: 15px;
}
.p20 {
	padding: 20px;
}
.pt20 {
	padding-top: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pr20 {
	padding-right: 20px;
}
.m20 {
	margin: 20px;
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}
.mr20 {
	margin-right: 20px;
}
.p25 {
	padding: 25px;
}
.pt25 {
	padding-top: 25px;
}
.pb25 {
	padding-bottom: 25px;
}
.pl25 {
	padding-left: 25px;
}
.pr25 {
	padding-right: 25px;
}
.m25 {
	margin: 25px;
}
.mt25 {
	margin-top: 25px;
}
.mb25 {
	margin-bottom: 25px;
}
.ml25 {
	margin-left: 25px;
}
.mr25 {
	margin-right: 25px;
}
.p30 {
	padding: 30px;
}
.pt30 {
	padding-top: 30px;
}
.pb30 {
	padding-bottom: 30px;
}
.pl30 {
	padding-left: 30px;
}
.pr30 {
	padding-right: 30px;
}
.m30 {
	margin: 30px;
}
.mt30 {
	margin-top: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml30 {
	margin-left: 30px;
}
.mr30 {
	margin-right: 30px;
}
.p10 {
	padding: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pr10 {
	padding-right: 10px;
}
.m10 {
	margin: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mr10 {
	margin-right: 10px;
}
.p20 {
	padding: 20px;
}
.pt20 {
	padding-top: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pr20 {
	padding-right: 20px;
}
.m20 {
	margin: 20px;
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}
.mr20 {
	margin-right: 20px;
}
.p30 {
	padding: 30px;
}
.pt30 {
	padding-top: 30px;
}
.pb30 {
	padding-bottom: 30px;
}
.pl30 {
	padding-left: 30px;
}
.pr30 {
	padding-right: 30px;
}
.m30 {
	margin: 30px;
}
.mt30 {
	margin-top: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml30 {
	margin-left: 30px;
}
.mr30 {
	margin-right: 30px;
}
.p40 {
	padding: 40px;
}
.pt40 {
	padding-top: 40px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl40 {
	padding-left: 40px;
}
.pr40 {
	padding-right: 40px;
}
.m40 {
	margin: 40px;
}
.mt40 {
	margin-top: 40px;
}
.mb40 {
	margin-bottom: 40px;
}
.ml40 {
	margin-left: 40px;
}
.mr40 {
	margin-right: 40px;
}
.p50 {
	padding: 50px;
}
.pt50 {
	padding-top: 50px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl50 {
	padding-left: 50px;
}
.pr50 {
	padding-right: 50px;
}
.m50 {
	margin: 50px;
}
.mt50 {
	margin-top: 50px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml50 {
	margin-left: 50px;
}
.mr50 {
	margin-right: 50px;
}
.p60 {
	padding: 60px;
}
.pt60 {
	padding-top: 60px;
}
.pb60 {
	padding-bottom: 60px;
}
.pl60 {
	padding-left: 60px;
}
.pr60 {
	padding-right: 60px;
}
.m60 {
	margin: 60px;
}
.mt60 {
	margin-top: 60px;
}
.mb60 {
	margin-bottom: 60px;
}
.ml60 {
	margin-left: 60px;
}
.mr60 {
	margin-right: 60px;
}
.p70 {
	padding: 70px;
}
.pt70 {
	padding-top: 70px;
}
.pb70 {
	padding-bottom: 70px;
}
.pl70 {
	padding-left: 70px;
}
.pr70 {
	padding-right: 70px;
}
.m70 {
	margin: 70px;
}
.mt70 {
	margin-top: 70px;
}
.mb70 {
	margin-bottom: 70px;
}
.ml70 {
	margin-left: 70px;
}
.mr70 {
	margin-right: 70px;
}
.p80 {
	padding: 80px;
}
.pt80 {
	padding-top: 80px;
}
.pb80 {
	padding-bottom: 80px;
}
.pl80 {
	padding-left: 80px;
}
.pr80 {
	padding-right: 80px;
}
.m80 {
	margin: 80px;
}
.mt80 {
	margin-top: 80px;
}
.mb80 {
	margin-bottom: 80px;
}
.ml80 {
	margin-left: 80px;
}
.mr80 {
	margin-right: 80px;
}
.p90 {
	padding: 90px;
}
.pt90 {
	padding-top: 90px;
}
.pb90 {
	padding-bottom: 90px;
}
.pl90 {
	padding-left: 90px;
}
.pr90 {
	padding-right: 90px;
}
.m90 {
	margin: 90px;
}
.mt90 {
	margin-top: 90px;
}
.mb90 {
	margin-bottom: 90px;
}
.ml90 {
	margin-left: 90px;
}
.mr90 {
	margin-right: 90px;
}
.p100 {
	padding: 100px;
}
.pt100 {
	padding-top: 100px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl100 {
	padding-left: 100px;
}
.pr100 {
	padding-right: 100px;
}
.m100 {
	margin: 100px;
}
.mt100 {
	margin-top: 100px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml100 {
	margin-left: 100px;
}
.mr100 {
	margin-right: 100px;
}
/* =========================================================== // border-radius =========================================================== */
.radius5 {
	border-radius: 5px;
}
.radius10 {
	border-radius: 10px;
}
.radius15 {
	border-radius: 15px;
}