.center-transform-x{ left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.center-transform-y{ top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.center-transform-xy{ top: 50%; left: 50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }
.center-img-xy{  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.align-c{ text-align: center; }
.align-r{ text-align: right; }
.align-l{ text-align: left; }
.float-l{ float: left; }
.float-r{ float: right; }
.margin_0a{ margin: 0 auto; }
.margin_a{ margin: auto; }
.clear{ clear:both; }

.max-width{ width:100%; };
.max-height{ height: 100%; }
.absolute{ position:absolute; }
.relative{ position: relative; }
.fixed { position:fixed; }

.display-b{ display: block !important; }
.display-n{ display: none !important; }
.display-i{ display: inline; }
.display-ib{ display: inline-block; }
.flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-around; }

.circle{ border-radius:50%; -webkit-border-radius:50%; overflow:hidden; }

.hidden{ opacity:0; visibility:hidden; z-index:-1; }
.visible{ opacity:1; visibility:visible; }
.opacity-5{ opacity:0.5; }
.opacity-0{ opacity:0; }

.ls-10{ letter-spacing:10px; }
.no-selectable{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.underline{ text-decoration: underline; }
.font-bold{ font-weight: bold; }
.font-normal{ font-weight: normal; }
.text-ellipsis{  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.to-upper{ text-transform: uppercase; } 
.to-lowe{ text-transform: lowercase; }

.bg-fixed{ background-attachment: fixed; }
.bg-cover{ background-position: center center; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.hover-underline:hover{ text-decoration: underline; }
.hover-cp:hover{ cursor: pointer; }
.hover-scale-14:hover{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transition: scale(1.4); -o-transition: scale(1.4); transform: scale(1.4); }
.hover-blue:hover{ color: #008CFF !important; border-color: #008CFF !important; }

.custom-file-input::-webkit-file-upload-button { visibility: hidden; }
.custom-file-input{ width: 100%; color: #7A7A7E !important;}
.custom-file-input::-webkit-file-upload-button{ width: 0px; padding: 0; margin: 0; border-left: 0; border-right: 0; }
.custom-file-input::before { font: normal normal normal 12pt/1 FontAwesome; content: "\f093"; display: inline-block; background-color: #FFFFFF; outline: none; cursor: pointer; color: #AAAAAA; position: absolute; right: 0; padding: 1px 5px;}