html{
	height: -webkit-fill-available;
}
body{
	position:absolute;
	margin:0;padding:0;border:0;
	overflow:hidden;
	height: 100vh;
	width: 100vw;
	height: 100dvh;
	width: 100dvw;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
	font-family: Roboto, Helvetica,sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: rgb(145,216,255)
	}
/* ==================
RESETS
====================*/
textarea,
input,
button,
checkbox{
	border:0;
	padding:0;
	margin:0;
	outline:0px none !important;
	box-shadow:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	font-family: inherit;
	color:#000;
}
input::-moz-focus-inner{
	border:0;
	padding:0;
	margin:0;
	outline:0px none !important;
	box-shadow:none;
}
textarea{
	resize: none;	
}
div,span,label,input["type=checkbox"]{
	user-select: none;	
}
#containerMain{
  position: absolute;
  top: 0;
  left: 0;
	width: 100%;
	height: 100%;
  overflow: hidden;
}

/* ==================
FONT
====================*/
/* 100 thin */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url(font/R100.woff) format('woff'), url(font/R100.ttf) format('truetype');
  font-display: swap;
}
/* 100 thin italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: src: url(font/R100I.woff) format('woff'),url(font/R100I.ttf) format('truetype');
  font-display: swap;
}
/* 300 light */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font/R300.woff) format('woff'),url(font/R300.ttf) format('truetype');
  font-display: swap;
}
/* 300 light italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url(font/R300i.woff) format('woff'),url(font/R300I.ttf) format('truetype');
  font-display: swap;
}
/* 400 normal */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(font/R400.woff) format('woff'),url(font/R400.ttf) format('truetype');
  font-display: swap;
}
/* 400 normal italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(font/R400i.woff) format('woff'),url(font/R400I.ttf) format('truetype');
  font-display: swap;
}
/* 500 medium */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font/R500.woff) format('woff'),url(font/R500.ttf) format('truetype');
  font-display: swap;
}
/* 500 medium italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(font/R500i.woff) format('woff'),url(font/R500I.ttf) format('truetype');
  font-display: swap;
}
/* 700 bold */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(font/R700.woff) format('woff'),url(font/R700.ttf) format('truetype');
  font-display: swap;
}
/* 700 bold italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url(font/R700i.woff) format('woff'),url(font/R700I.ttf) format('truetype');
  font-display: swap;
}
/* 900 black */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(font/R900.woff) format('woff'),url(font/R900.ttf) format('truetype');
  font-display: swap;
}
/* 900 black italic*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url(font/R900i.woff) format('woff'),url(font/R900I.ttf) format('truetype');
  font-display: swap;
}
.font_1{font-weight:100;}
.font_1i{font-weight:100;font-style:italic}
.font_3{font-weight:300}
.font_3i{font-weight:300;font-style:italic}
.font_4{font-weight:400}
.font_4i{font-weight:400;font-style:italic}
.font_5{font-weight:500;}
.font_5i{font-weight:500;font-style:italic}
.font_7{font-weight:700;}
.font_7i{font-weight:700;font-style:italic}
.font_9{font-weight:900;}
.font_9i{font-weight:900;font-style:italic}

/* ---------------------
EMPTY IMG
--------------------- */
.emp_t{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaFJREFUeNrs0wENAAAIwzDuX/QxgALSSliytB3gFoOAQcAgYBAwCBgEDAIGAYOAQQCDgEHAIGAQMAgYBAwCBgGDgEFUAIOAQcAgYBAwCBgEDAIGAYMABgGDgEHAIGAQMAgYBAwCBgGDAAYBg4BBwCBgEDAIGAQMAgYBDAIGAYOAQcAgYBAwCBgEDAIGAQwCBgGDgEHAIGAQMAgYBAwCGAQMAgYBg4BBwCBgEDAIGAQMAhgEDAIGAYOAQcAgYBAwCBgEDGIQMAgYBAwCBgGDgEHAIGAQMAhgEDAIGAQMAgYBg4BBwCBgEDCICmAQMAgYBAwCBgGDgEHAIGAQwCBgEDAIGAQMAgYBg4BBwCBgEMAgYBAwCBgEDAIGAYOAQcAggEHAIGAQMAgYBAwCBgGDgEHAIIBBwCBgEDAIGAQMAgYBg4BBAIOAQcAgYBAwCBgEDAIGAYOAQQCDgEHAIGAQMAgYBAwCBgGDgEEMAgYBg4BBwCBgEDAIGAQMAgYBDAIGAYOAQcAgYBAwCBgEDAIGUQEMAgYBg4BBwCBgEDAIfLQCDACRElaPXpQELQAAAABJRU5ErkJggg==);background-repeat:repeat;}
.emp_g{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAA1BMVEWAgICQdD0xAAAAAXRSTlO/Gzh2ewAAAD1JREFUeNrtwQENAAAAwqD3T20PBxQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPBmnQgAAd4aVNwAAAAASUVORK5CYII=);background-repeat:repeat;}