html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

*, ::after, ::before {
    box-sizing: border-box;
}
button, input[type='button'], input[type='file'] { 
	cursor: pointer; 
}
*[data-filter], *[data-href], *[data-win] {
	cursor: pointer;
}
input::placeholder {
	color: #bbbbbb;	
}
input::placeholder {
	font-size: 16px;
	font-style:italic;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------*/
.hide { display: none; }
.hideF { display: none !important; }
.hidden, .wow_hidden { visibility: hidden; }
.nowrap {  white-space:nowrap; }
.cicle, .ball { border-radius:50%; }
.dselect { user-select: none; }

/*------------------------------------------------------*/
.fx:not(.hide) {
	display: flex;	
	align-items: center;
    justify-content: center; 	
}
.fx-as:not(.hide) {
	display: flex;	
	align-items: start;
    justify-content: start; 	
}
.fx.fx-column {	
	flex-direction: column;
}

.fx.fx-xs {
    justify-content: start; 		
}
.fx.fx-xe {
    justify-content: end; 		
}
.fx.fx-ys {
    align-items: start; 		
}
.fx.fx-ye {
    align-items: end; 		
}

.fx.fx-column.fx-xs {
    align-items: start; 	
}
.fx.fx-column.fx-xe {
	align-items: end; 		    
}
.fx.fx-column.fx-ys {
	justify-content: start; 	   	
}
.fx.fx-column.fx-ye {
    justify-content: end; 		
}


.fx.fx-between {
    justify-content: space-between; 	
}
.fx.fx-evenly {
	justify-content: space-evenly;
}
.fx.fx-around {
	justify-content: space-around;
}
.fx.fx-max {
	align-items: stretch;
}
.flex-wrap, .fx-wrap {
	flex-wrap: wrap;
}
.fx-g10 {
	gap: 10px;
}
.fx-g15 {
	gap: 15px;
}
.fx-g20 {
	gap: 20px;
}
.fx-g30 {
	gap: 30px;
}
.fx-g40 {
	gap: 40px;
}
.flex-br {
	flex-basis: 100%;
	height: 0;
}
.flex-fill, .fx-fill  {
	/*flex-grow: 1;*/
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.fx-col-eq > div {
	flex: 1;
}