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

.hide{display: none;}
.show{display: block;}
.inline{display: inline-block;}
.block{display: block;}

.m-auto{margin: 0 auto !important;}


.h-100{height: 100%;}

.w-100{width: 100%;}
.w-90{width: 90%;}
.w-80{width: 80%;}
.w-70{width: 70%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.w-28{width: 28%;}

.pb-50{padding-bottom: 50px;}
.pb-100{padding-bottom: 100px;}
.pb-150{padding-bottom: 150px;}
.pb-200{padding-bottom: 200px;}
.pb-250{padding-bottom: 250px;}

.pt-50{padding-top: 50px;}
.pt-100{padding-top: 100px;}
.pt-150{padding-top: 150px;}
.pt-200{padding-top: 200px;}
.pt-250{padding-top: 250px;}

.mb-50{margin-bottom: 50px;}
.mb-100{margin-bottom: 100px;}

.mt-10{margin-top: 10px;}
.mt-50{margin-top: 50px;}
.mt-250{margin-top: 250px;}
.mt-200{margin-top: 200px;}
.mt-150{margin-top: 150px;}
.mt-100{margin-top: 100px;}

.mr-16{margin-right: 16px;}
.mr-32{margin-right: 32px;}

.bg-white{background: var(--white);}

 .p-relative {position: relative;}
 .p-absolute {position: absolute;}
 .z0{z-index: 0;}
 .z1{z-index: 1;}
 .z2{z-index: 2;}
 .z3{z-index: 3;}

@media screen and (orientation: portrait) and (max-width: 768px){
	.sm-hide{display: none !important;}
	.sm-show{display: block !important;}
	.sm-float-right{float: right !important;}
	.sm-float-left{float: left !important;}
	.sm-h-auto{height: auto !important;}
	.sm-h-400-px{height: 400px !important;}

	.sm-w-100{width: 100% !important;}
	.sm-w-80{width: 80% !important;}
	.sm-w-70{width: 70%;}
	.sm-w-40{width: 40%;}
	.sm-w-30{width: 30%;}
	.sm-w-28{width: 28%;}

	.sm-pb-0{padding-bottom: 0px;}
	.sm-pb-50{padding-bottom: 50px;}
	
	.sm-pt-0{padding-top: 0px;}
	.sm-pt-50{padding-top: 50px;}
	.sm-pt-100{padding-top: 100px;}
	.sm-pt-150{padding-top: 150px;}

	.sm-pb-20{padding-bottom: 20px;}

	.sm-mb-0{margin-bottom: 0px;}
	.sm-mb-10{margin-bottom: 10px;}
	.sm-mb-20{margin-bottom: 20px;}

	.sm-mt-0{margin-top: 0px;}
	.sm-mt-10{margin-top: 10px;}
	.sm-mt-20{margin-top: 20px;}
	.sm-mt-30{margin-top: 30px;}
	.sm-mt-40{margin-top: 40px;}
	.sm-mt-50{margin-top: 50px;}
	.sm-mt-60{margin-top: 60px;}

	.sm-ml-16{margin-left: 16px;}

	.sm-mr-16{margin-right: 16px;}
	.sm-mr-32{margin-right: 32px;}
}