/*
/* UTILITIES 
/* ======================================= */
	

	.brd-0{
		-webkit-border-radius: 0px !important;
		border-radius:  0px !important;
		border: 0px !important;
	}

	.d-block		{ display: 		block;}
	.d-inline		{ display:		inline; }
	.d-inline-block { display:		inline-block;}

	.d-flex 		{ display: flex; }
	.d-table-cell 	{ display: table-cell; }

	.p-15 { padding: 15px;}
	.m-15 { margin:	 15px;}

	.my{ margin: 15px auto; }
	.mx{ margin: auto 15px; }

	.mt-0 { margin-top: 	0px;}
	.mr-0 { margin-right: 	0px;}
	.mb-0 { margin-bottom: 	0px;}
	.ml-0 { margin-left: 	0px;}

	.mt-15{ margin-top: 	15px; }
	.mr-15{ margin-right: 	15px; }
	.mb-15{ margin-bottom: 	15px; }
	.ml-15{ margin-left: 	15px; }

	.m-auto { margin: 0 auto; }
	
	.py{ padding: 15px 0px; }
	.px{ padding: 0px 15px; }

	.pt-0 { padding-top: 	0px ! important;}
	.pr-0 { padding-right: 	0px ! important;}
	.pb-0 { padding-bottom: 0px ! important;}
	.pl-0 { padding-left: 	0px ! important;}

	.pt-15{ padding-top: 	15px; }
	.pr-15{ padding-right: 	15px; }
	.pb-15{ padding-bottom: 15px; }
	.pl-15{ padding-left: 	15px; color: #fff !important;}

	.w-auto { width: 		auto; }
	.w-100  { width: 		100%;}
	.h-100  { height: 		100%; }
	.mh-100 { max-height:  	100%; }
	.mw-100 { max-width: 	100%; }

	.w-25{ width: 25%; }
	.w-50{ width: 50%; }
	.w-75{ width: 75%; }

	.p-fixed	{ position: fixed 		!important; }
	.p-relative	{ position: relative 	!important; }


	.text-white 	{ color: rgb(255, 255, 255); }
	.text-red		{ color: rgb(255 0 0) !important; }

	.text-italic	{ font-style: italic; }
	.text-oblique	{ font-style: oblique; }

	.fw-100 { font-weight:  100; }
	.fw-300 { font-weight:  300; }
	.fw-600 { font-weight:  600; }
	.fw-900 { font-weight:  900; }

	.size-12 {font-size: 12px;}
	.size-14 {font-size: 14px;}
	.size-16 {font-size: 16px;color: #fff !important;} 
	.size-18 {font-size: 18px;}

	.size-24 {font-size: 24px;}
	.size-28 {font-size: 28px;}
	.size-30 {font-size: 30px;}

	@media only screen and (min-width: 768px){
		.pull-sm-right	{ float: right;}
		.pull-sm-left	{ float: left; }

		.text-sm-center	{text-align: center !important;}
		.text-sm-left	{text-align: left 	!important;}
	}

	@media only screen and (max-width: 767.98px){
		.text-xs-center	{text-align: center !important;}
		.text-xs-left	{text-align: left 	!important;}
		.text-xs-right	{text-align: right 	!important;}
	}