/* General - Spacing */
:root {
	--sp-t-mpt-10: .2; /* { readonly: true } */
	--sp-t-mpt-20: .4; /* { readonly: true } */
	--sp-t-mpt-30: .6; /* { readonly: true } */
	--sp-t-mpt-40: .8; /* { readonly: true } */
	--sp-t-mpt-60: 1.2; /* { readonly: true } */
	--sp-t-mpt-70: 1.4; /* { readonly: true } */
	--sp-t-mpt-80: 1.6; /* { readonly: true } */
	--sp-t-mpt-90: 1.8; /* { readonly: true } */
}

.pd_v {
	padding-top: var(--sp-vp-clc);
	padding-bottom: var(--sp-vp-clc);
}

.pd_v-10 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-10));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-10));
}

.pd_v-20 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-20));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-20));
}

.pd_v-30 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-30));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-30));
}

.pd_v-40 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-40));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-40));
}

.pd_v-60 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-60));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-60));
}

.pd_v-70 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-70));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-70));
}

.pd_v-80 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-80));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-80));
}

.pd_v-90 {
	padding-top: calc(var(--sp-vp-clc) * var(--sp-t-mpt-90));
	padding-bottom: calc(var(--sp-vp-clc) * var(--sp-t-mpt-90));
}

.pd_h {
	padding-left: var(--sp-hp-clc);
	padding-right: var(--sp-hp-clc);
}

.pd_h-10 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-10));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-10));
}

.pd_h-20 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-20));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-20));
}

.pd_h-30 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-30));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-30));
}

.pd_h-40 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-40));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-40));
}

.pd_h-60 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-60));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-60));
}

.pd_h-70 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-70));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-70));
}

.pd_h-80 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-80));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-80));
}

.pd_h-90 {
	padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-90));
	padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-90));
}

.mrg_tp {
	margin-top: var(--sp-vm-clc);
}

.mrg_tp-0 {
	margin-top: 0;
}

.mrg_tp-10 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-10));
}

.mrg_tp-20 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-20));
}

.mrg_tp-30 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-30));
}

.mrg_tp-40 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-40));
}

.mrg_tp-60 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-60));
}

.mrg_tp-70 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-70));
}

.mrg_tp-80 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-80));
}

.mrg_tp-90 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-90));
}

.mrg_bt {
	margin-bottom: var(--sp-vm-clc);
}

.mrg_bt-0 {
	margin-bottom: 0;
}

.mrg_bt-10 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-10));
}

.mrg_bt-20 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-20));
}

.mrg_bt-30 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-30));
}

.mrg_bt-40 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-40));
}

.mrg_bt-60 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-60));
}

.mrg_bt-70 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-70));
}

.mrg_bt-80 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-80));
}

.mrg_bt-90 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-90) );
}

/* Quick - Spacings */
.pd_tp {
	padding-top: var(--sp-qk);
}

.pd_tp-0 {
	padding-top: 0;
}

.pd_tp-10 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-10));
}

.pd_tp-20 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-20));
}

.pd_tp-30 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.pd_tp-40 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.pd_tp-60 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-60));
}

.pd_tp-70 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-70));
}

.pd_tp-80 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.pd_tp-90 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

.pd_bt {
	padding-bottom: var(--sp-qk);
}

.pd_bt-0 {
	padding-bottom: 0;
}

.pd_bt-10 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-10));
}

.pd_bt-20 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-20));
}

.pd_bt-30 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.pd_bt-40 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.pd_bt-60 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-60));
}

.pd_bt-70 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-70));
}

.pd_bt-80 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.pd_bt-90 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

.mrg_lt {
	margin-left: var(--sp-qk);
}

.mrg_lt-10 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-10));
}

.mrg_lt-20 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-20));
}

.mrg_lt-30 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.mrg_lt-40 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.mrg_lt-60 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-60));
}

.mrg_lt-70 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-70));
}

.mrg_lt-80 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.mrg_lt-90 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

.mrg_rt {
	margin-right: var(--sp-qk);
}

.mrg_rt-10 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-10));
}

.mrg_rt-20 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-20));
}

.mrg_rt-30 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.mrg_rt-40 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.mrg_rt-60 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-60));
}

.mrg_rt-70 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-70));
}

.mrg_rt-80 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.mrg_rt-90 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

/* 1600px Responsive */
@media screen and (max-width:1600px) {
	
	[class*='flx'][class*="-blk-1600"][class*="-mgd"] > * + * {
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-1600"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-1600"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 1440px Responsive */
@media screen and (max-width:1440px) {

	[class*='flx'][class*="-blk-1440"][class*="-mgd"] > * + * {
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-1440"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-1440"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 1280px Responsive */
@media screen and (max-width:1280px) {
	
	[class*='flx'][class*="-blk-1280"][class*="-mgd"] > * + * {
		margin-top: var(--sp-vm-clc);
	}

	[class*='flx'][class*="-blk-1280"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}

	[class*='flx'][class*="-blk-1280"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 1024px Responsive */
@media screen and (max-width:1024px) {
	
	[class*='flx'][class*="-blk-1024"][class*="-mgd"] > * + *,
	[class*='flx'][class*="-ato-rsp"][class*="-mgd"] > * + *  {
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-1024"][class*="-mgd-l"] > * + *,
	[class*='flx'][class*="-ato-rsp"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-1024"][class*="-mgd-b"] > * + *,
	[class*='flx'][class*="-ato-rsp"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 800px Responsive */
@media screen and (max-width:800px) {

	.pd_h-10 {
		padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-20));
		padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-20));
	}

	[class*='flx'][class*="-blk-800"][class*="-mgd"] > * + *{
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-800"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-800"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 500px Responsive */
@media screen and (max-width:500px) {
	
	.pd_h-10,
	.pd_h-20 {
		padding-left: calc(var(--sp-hp-clc) * var(--sp-t-mpt-30));
		padding-right: calc(var(--sp-hp-clc) * var(--sp-t-mpt-30));
	}

	.pd_tp-10 {
		padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-20));
	}
		
	[class*='flx'][class*="-blk-500"][class*="-mgd"] > * + * {
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-500"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-500"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}

/* 380px Responsive */
@media screen and (max-width:380px) {
	
	[class*='flx'][class*="-blk-380"][class*="-mgd"] > * + * {
		margin-top: var(--sp-vm-clc);
	}
	
	[class*='flx'][class*="-blk-380"][class*="-mgd-l"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * .5);
	}
	
	[class*='flx'][class*="-blk-380"][class*="-mgd-b"] > * + * {
		margin-top: calc(var(--sp-vm-clc) * 1.5);
	}
	
}