@CHARSET 'UTF-8';
html,body{
	padding: 0;
	padding: 0;
}

h1,h2,h3,h4{font-weight: bold;}

.nomargin {margin: 0; }
.nopadding {padding: 0; }
.nobullet{list-style-type: none;}

.absolute{position:absolute;}
.relative{position:relative;}
.fixed{position:fixed;}
.block{display: block; }
.table{display: table; }
.cell{display: table-cell; }
.inline{display: inline; }
.inline-block{display: inline-block; float:none;}

.z-1{
	z-index: 1000;
}
.vm{vertical-align: middle; }
.vt{vertical-align: top; }
.vb{vertical-align: bottom; }
.vbl{vertical-align: baseline; }

.v-center-wrap {
    display: flex;
    justify-content: center;
    height: 100%;
}
.v-center-in {align-self: center; }

.h100{height: 100%;}
.w100{width: 100%;}

.lh-0{ line-height: 0;}
.lh-05{ line-height: 0.5em;}
.lh-075{ line-height: 0.75em;}
.lh-1{ line-height: 1em;}

.f-0{ font-size:  0px; }
.f-8{ font-size:  8px; }
.f-9{ font-size:  9px; }
.f-10{ font-size:  10px; }
.f-11{ font-size:  11px; }
.f-12{ font-size:  12px; }
.f-13{ font-size:  13px; }
.f-14{ font-size:  14px; }
.f-15{ font-size:  15px; }
.f-16{ font-size:  16px; }
.f-18{ font-size:  18px; }
.f-20{ font-size:  20px; }
.f-22{ font-size:  22px; }
.f-24{ font-size:  24px; }
.f-28{ font-size:  28px; }
.f-32{ font-size:  32px; }
.f-34{ font-size:  34px; }
.f-40{ font-size:  40px; }
.f-48{ font-size:  48px; }
.f-64{ font-size:  64px; }
.f-72{ font-size:  72px; }
.f-96{ font-size:  96px; }

.p-0125{ padding: 0.25em; }
.p-025{ padding: 0.25em; }
.p-05{ padding: 0.5em; }
.p-1{ padding: 1em; }
.p-2{ padding: 2em; }
.p-3{ padding: 3em; }
.p-4{ padding: 4em; }
.p-5{ padding: 5em; }
.p-8{ padding: 8em; }
.p-10{ padding: 10em; }

.pt-0125{ padding-top: 0.125em; }
.pt-025{ padding-top: 0.25em; }
.pt-05{ padding-top: 0.5em; }
.pt-1{ padding-top: 1em; }
.pt-2{ padding-top: 2em; }
.pt-3{ padding-top: 3em; }
.pt-4{ padding-top: 4em; }
.pt-5{ padding-top: 5em; }
.pt-8{ padding-top: 8em; }
.pt-10{ padding-top: 10em; }

.pb-0125{ padding-bottom: 0.125em; }
.pb-025{ padding-bottom: 0.25em; }
.pb-05{ padding-bottom: 0.5em; }
.pb-1{ padding-bottom: 1em; }
.pb-2{ padding-bottom: 2em; }
.pb-3{ padding-bottom: 3em; }
.pb-4{ padding-bottom: 4em; }
.pb-5{ padding-bottom: 5em; }
.pb-8{ padding-bottom: 8em; }
.pb-10{ padding-bottom: 10em; }

.pr-0125{ padding-right: 0.125em; }
.pr-025{ padding-right: 0.25em; }
.pr-05{ padding-right: 0.5em; }
.pr-1{ padding-right: 1em; }
.pr-2{ padding-right: 2em; }
.pr-3{ padding-right: 3em; }
.pr-4{ padding-right: 4em; }
.pr-5{ padding-right: 5em; }
.pr-8{ padding-right: 8em; }
.pr-10{ padding-right: 10em; }

.pl-0125{ padding-left: 0.125em; }
.pl-025{ padding-left: 0.25em; }
.pl-05{ padding-left: 0.5em; }
.pl-1{ padding-left: 1em; }
.pl-2{ padding-left: 2em; }
.pl-3{ padding-left: 3em; }
.pl-4{ padding-left: 4em; }
.pl-5{ padding-left: 5em; }
.pl-8{ padding-left: 8em; }
.pl-10{ padding-left: 10em; }

.pv-0125{ padding-top: 0.125em; padding-bottom: 0.25em; }
.pv-025{ padding-top: 0.25em; padding-bottom: 0.25em; }
.pv-05{ padding-top: 0.5em; padding-bottom: 0.5em; }
.pv-1{ padding-top: 1em; padding-bottom: 1em; }
.pv-2{ padding-top: 2em; padding-bottom: 2em; }
.pv-3{ padding-top: 3em; padding-bottom: 3em; }
.pv-4{ padding-top: 4em; padding-bottom: 4em; }
.pv-5{ padding-top: 5em; padding-bottom: 5em; }
.pv-8{ padding-top: 8em; padding-bottom: 8em; }
.pv-10{ padding-top: 10em; padding-bottom: 10em; }

.ph-0125{ padding-left: 0.125em; padding-right: 0.25em; }
.ph-025{ padding-left: 0.25em; padding-right: 0.25em; }
.ph-05{ padding-left: 0.5em; padding-right: 0.5em; }
.ph-1{ padding-left: 1em; padding-right: 1em; }
.ph-2{ padding-left: 2em; padding-right: 2em; }
.ph-3{ padding-left: 3em; padding-right: 3em; }
.ph-4{ padding-left: 4em; padding-right: 4em; }
.ph-5{ padding-left: 5em; padding-right: 5em; }
.ph-8{ padding-left: 8em; padding-right: 8em; }
.ph-10{ padding-left: 10em; padding-right: 10em; }

.m-0125{ margin: 0.25em; }
.m-025{ margin: 0.25em; }
.m-05{ margin: 0.5em; }
.m-1{ margin: 1em; }
.m-2{ margin: 2em; }
.m-3{ margin: 3em; }
.m-4{ margin: 4em; }
.m-5{ margin: 5em; }
.m-8{ margin: 8em; }
.m-10{ margin: 10em; }

.mt-0125{ margin-top: 0.125em; }
.mt-025{ margin-top: 0.25em; }
.mt-05{ margin-top: 0.5em; }
.mt-1{ margin-top: 1em; }
.mt-2{ margin-top: 2em; }
.mt-3{ margin-top: 3em; }
.mt-4{ margin-top: 4em; }
.mt-5{ margin-top: 5em; }
.mt-8{ margin-top: 8em; }
.mt-10{ margin-top: 10em; }

.mb-0125{ margin-bottom: 0.125em; }

.mb-025{ margin-bottom: 0.25em; }
.mb-05{ margin-bottom: 0.5em; }
.mb-1{ margin-bottom: 1em; }
.mb-2{ margin-bottom: 2em; }
.mb-3{ margin-bottom: 3em; }
.mb-4{ margin-bottom: 4em; }
.mb-5{ margin-bottom: 5em; }
.mb-8{ margin-bottom: 8em; }
.mb-10{ margin-bottom: 10em; }

.mr-0125{ margin-right: 0.125em; }
.mr-025{ margin-right: 0.25em; }
.mr-05{ margin-right: 0.5em; }
.mr-1{ margin-right: 1em; }
.mr-2{ margin-right: 2em; }
.mr-3{ margin-right: 3em; }
.mr-4{ margin-right: 4em; }
.mr-5{ margin-right: 5em; }
.mr-8{ margin-right: 8em; }
.mr-10{ margin-right: 10em; }

.ml-0125{ margin-left: 0.125em; }
.ml-025{ margin-left: 0.25em; }
.ml-05{ margin-left: 0.5em; }
.ml-1{ margin-left: 1em; }
.ml-2{ margin-left: 2em; }
.ml-3{ margin-left: 3em; }
.ml-4{ margin-left: 4em; }
.ml-5{ margin-left: 5em; }
.ml-8{ margin-left: 8em; }
.ml-10{ margin-left: 10em; }

.mv-0125{ margin-top: 0.125em; margin-bottom: 0.25em; }
.mv-025{ margin-top: 0.25em; margin-bottom: 0.25em; }
.mv-05{ margin-top: 0.5em; margin-bottom: 0.5em; }
.mv-1{ margin-top: 1em; margin-bottom: 1em; }
.mv-2{ margin-top: 2em; margin-bottom: 2em; }
.mv-3{ margin-top: 3em; margin-bottom: 3em; }
.mv-4{ margin-top: 4em; margin-bottom: 4em; }
.mv-5{ margin-top: 5em; margin-bottom: 5em; }
.mv-8{ margin-top: 8em; margin-bottom: 8em; }
.mv-10{ margin-top: 10em; margin-bottom: 10em; }

.mh-0125{ margin-left: 0.125em; margin-right: 0.25em; }
.mh-025{ margin-left: 0.25em; margin-right: 0.25em; }
.mh-05{ margin-left: 0.5em; margin-right: 0.5em; }
.mh-1{ margin-left: 1em; margin-right: 1em; }
.mh-2{ margin-left: 2em; margin-right: 2em; }
.mh-3{ margin-left: 3em; margin-right: 3em; }
.mh-4{ margin-left: 4em; margin-right: 4em; }
.mh-5{ margin-left: 5em; margin-right: 5em; }
.mh-8{ margin-left: 8em; margin-right: 8em; }
.mh-10{ margin-left: 10em; margin-right: 10em; }

.p-0{ padding: 0; }
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }
.pr-0{ padding-right: 0; }
.pl-0{ padding-left: 0; }
.pv-0{ padding-top: 0; padding-bottom: 0; }
.ph-0{ padding-left: 0; padding-right: 0; }

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

.b-g{ border: thin solid green; }
.b-r{ border: thin solid red; }
.b-b{ border: thin solid blue; }
.b-k{ border: thin solid black; }
.b-w{ border: thin solid white; }

.letter-space--2{letter-spacing: -.05em; }
.letter-space--1{letter-spacing: -.03em; }
.letter-space-0{letter-spacing: 0em; }
.letter-space-1{letter-spacing: .03em; }
.letter-space-2{letter-spacing: .05em; }
.letter-space-3{letter-spacing: .25em; }


.bold{ font-weight: bold }
.bolder{ font-family: 'ub-medium' }
.normal{ font-weight: normal; }
.light{ font-weight: lighter !important;  }
.t-s{text-shadow: 0 .1em .1em rgba(0,0,0,.13); }
/*xs*/
@media (min-width: 320px)
{
	.text-center-xs{text-align: center; }
	.text-right-xs{text-align: right; }
}
/*sm*/
@media (min-width: 768px)
{
	.text-center-sm{text-align: center; }
}
/* md */
@media (min-width: 992px)
{	
	.text-center-md{text-align: center; }
	.text-left-md{text-align: left; }
	.text-right-md{text-align: right; }
}
/* lg */
@media (min-width: 1280px)
{	
    
}
.form-control{
	border: thin solid #E7E7E7;
	box-shadow: none;
}
.form-control:hover{
	border: thin solid #ccc ;
	box-shadow: none;
}
.form-group{
	padding: 0.1em;
	margin: 0;
}

.pointer{cursor: pointer;}
.opa-0{ opacity: 0; }
.opa-10{ opacity: 0.1; }
.opa-20{ opacity: 0.2; }
.opa-30{ opacity: 0.3; }
.opa-40{ opacity: 0.4; }
.opa-50{ opacity: 0.5; }
.opa-60{ opacity: 0.6; }
.opa-70{ opacity: 0.7; }
.opa-80{ opacity: 0.8; }
.opa-90{ opacity: 0.9; }
.opa-100{ opacity: 1; }