@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@200;300&display=swap");
body {
  background-color: #ffffff;
  color: #000;
  font-family: "Mitr", sans-serif;
  font-size: 14px; }

.sec-detail {
  overflow: hidden;
  padding-top: 50px; }
  .sec-detail .box-btn {
    position: relative;
    bottom: 230px;
    z-index: 1; }
    @media (min-width: 767px) and (max-width: 991px) {
      .sec-detail .box-btn {
        bottom: 130px; } }
    @media (min-width: 576px) and (max-width: 766px) {
      .sec-detail .box-btn {
        bottom: 0;
        padding: 10px 0; } }
    @media (max-width: 575px) {
      .sec-detail .box-btn {
        bottom: 0;
        padding: 10px 0; } }

.box-logo {
  position: absolute;
  left: 0;
  top: 70px; }
  .box-logo img {
    position: absolute;
    z-index: 1; }
  @media (min-width: 576px) and (max-width: 766px) {
    .box-logo {
      top: 70px;
      left: 10px; }
      .box-logo img {
        max-width: 70px; } }
  @media (max-width: 575px) {
    .box-logo {
      top: 70px;
      left: 10px; }
      .box-logo img {
        max-width: 70px; } }

.font-mitr {
  font-family: "Mitr", sans-serif;
  font-weight: 300;
  line-height: 1; }

.nav-welcome {
  background-color: white;
  padding-top: 0;
  box-shadow: 1px 1px 10px #b5b5b5;
  font-size: 16px;
  z-index: 2; }
  @media (min-width: 576px) and (max-width: 766px) {
    .nav-welcome {
      padding-top: 5px; } }
  @media (max-width: 575px) {
    .nav-welcome {
      padding-top: 5px; } }
  .nav-welcome a {
    color: #5a5a5a; }

a :hover {
  -webkit-filter: brightness(1.25);
  filter: brightness(1.25); }

.bounce {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes bounce {
  0%,
    100% {
    -webkit-transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-15px); } }
@keyframes bounce {
  0%,
    100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

#animated-example {
  width: 20px;
  height: 20px;
  background-color: red;
  position: relative;
  top: 100px;
  left: 100px;
  border-radius: 50%; }

.scene {
  height: 100vh;
  overflow: hidden; }

.box-btn {
  position: relative;
  top: -110px; }

.img-parallax {
  display: block;
  width: 100%; }

input[type=checkbox] {
  display: none; }

label {
  cursor: pointer;
  display: inline-block;
  margin-right: 1em;
  padding: 0.4em 0; }

input[type=checkbox] + label:before {
  background: #555;
  content: '';
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  width: 16px; }

input[type=checkbox]:checked + label:before {
  background: #00ffaa; }

.scene {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  @media (min-width: 576px) and (max-width: 766px) {
    .scene {
      height: auto; } }
  @media (max-width: 575px) {
    .scene {
      height: auto; } }

.fill {
  bottom: 5%;
  left: 5%;
  position: absolute;
  right: 5%;
  top: 5%; }

.expand-width {
  width: 100%; }

.border {
  border: 2px dashed #00ffaa; }

.aspect {
  opacity: 0.2; }

/*# sourceMappingURL=style.css.map */