/* CSS LANDING PAGE | 060925
	 VER : 1.0.0 | ZAYSMASTER
*/

/* GENERAL */
/* Overflow */ .of-hd { overflow: hidden !important; }

/* MARGIN */
.mg-zm { margin: 0px 5% 0px 5%; }

/* TOP */
.mt-50 { margin-top: 50 !important;}
.mt-10n { margin-top: -10 !important;}
.mt-20n { margin-top: -20 !important;}
/* BOTTOM */
.mb-50 { margin-bottom: 50 !important;}

/* FONT */
.fw6 { font-weight: 600; }


.z-tx { 
	/* min-height: 385px;  */
	display: flex; justify-content: center;
}

/* BORDER RADIUS */
.br-15 { border-radius: 15px; }


/* TEST PAGE */
body, html {
  height: 100%
}

.bgimg {
  /* Background image */
  /* background-image: url('imgbg.jpg'); */
  /* Full-screen */
  height: 100%;
  /* Center the background image */
  background-position: center;
  /* Scale and zoom in the image */
  background-size: cover;
  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  position: relative;
  /* Add a white text color to all elements inside the .bgimg container */
  color: rgb(0, 255, 115);
  /* Add a font */
  font-family: "Courier New", Courier, monospace;
  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

/* Position text in the top-left corner */
.topleft {
  position: absolute;
  top: 0;
  left: 16px;
}

/* Position text in the bottom-left corner */
.bottomleft {
  position: absolute;
  bottom: 0;
  left: 16px;
}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Style the <hr> element */
hr {
  margin: auto;
  width: 40%;
}