@charset "utf-8";
@charset "utf-8";
.bg-header,
.bg-header-detail {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/home_images/home_bg1.HEIC");
}
.bg-benefit {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/benefit_images/bg_2.jpg");
}
.bg-proff {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/proff_images/bg_3.jpg");
}
.bg-services {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/services_images/bg_4.jpg");
}
.bg-why {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/why_images/bg_5.jpg");
}
.bg-footer {
  background-image: linear-gradient(180deg, rgba(3,37,32,0.7), rgba(3,37,32,0.8)), url("https://ysg-qigong.org/images/bg_5.jpg");
}
}
@charset "utf-8";
p button {
  font-size: 1em !important;
}
button {
  margin-top: 1em;
  transition-duration: 0.4s;
  background-color: #9ACD32;
  color: #000;
  padding: 0.7em;
  font-size: 1.5em;
  border-radius: 20px !important;
  width: 95%;
  margin-left: 2.5%;
  font-weight: 600;
  border: #9ACD32 3px solid;
}
@media (min-width: 981px) {
  button {
    background-color: #9ACD32;
    border-radius: 5px !important;
    width: auto;
    font-size: 1em;
  }
}
button:hover {
  background-color: #9ACD32;
  border: #9ACD32 3px solid;
  color: #fff;
}
@media (min-width: 320px) and (orientation: landscape) {
  button {
    font-size: 1em;
  }
}
@media (min-width: 1250px) {
  button {
    margin-left: 0%;
  }
}
.button-admin-add,
p .button-admin-add {
  margin: 0;
  transition-duration: 0.4s;
  background-color: #fff;
  color: #000;
  padding: 0.5em;
  font-size: 0.9em !important;
  border: #000 3px solid;
  border-radius: 20px !important;
  max-width: 30%;
  font-weight: 600;
}
.button-admin-add:hover,
p .button-admin-add:hover {
  background-color: #9ACD32;
  color: #000;
  border: #000 3px solid;
}
@media (min-width: 320px) and (orientation: landscape) {
  .button-admin-add,
  p .button-admin-add {
    font-size: 1em !important;
  }
}
@media (min-width: 1250px) {
  .button-admin-add,
  p .button-admin-add {
    margin-left: 0%;
  }
}
.button {
  margin-top: 1em;
  transition-duration: 0.4s;
  background-color: #9ACD32;
  color: #000;
  padding: 0.7em;
  font-size: 1.5em;
  border-radius: 1%;
  width: 100%;
}
@media (min-width: 981px) {
  .button {
    background-color: #9ACD32;
    border-radius: 5px !important;
    width: auto;
    font-size: 1em;
  }
}
.button:hover {
  background-color: #9ACD32;
  color: #fff;
}
.button2 {
  transition-duration: 0.4s;
  color: #fff;
  background-color: transparent;
  padding: 0.7em;
  border-radius: 5px;
  width: 100%;
  font-size: 1.4em;
}
.button2:hover {
  background-color: #005a29;
  color: #fff;
  width: 100%;
}
@media (min-width: 981px) {
  .button2 {
    transition-duration: 0.4s;
    color: #fff;
    background-color: transparent;
    padding: 0.7em;
    border-radius: 5px;
    width: 100%;
    font-size: 1em;
  }
}
.admin-button-color {
  color: #00369a;
}
.btn-edit-admin {
  float: right;
  position: relative;
  border: 0;
  font-size: 75px;
  border-radius: 20%;
  padding: 2px;
  width: fit-content;
  color: #00369a !important;
  background-color: rgba(255,255,255,0.7);
  margin-top: 1%;
  margin-right: 1%;
  box-shadow: 0px 7px 17px -15px #000;
  -webkit-box-shadow: 0px 7px 17px -15px #000;
  -moz-box-shadow: 0px 7px 17px -15px #000;
}
.btn-edit-admin:hover {
  font-size: 100px;
  color: #00369a !important;
  background-color: rgba(255,255,255,0.7);
  border: 0;
}
@media (min-width: 320px) and (orientation: landscape) {
  .btn-edit-admin {
    font-size: 40px;
  }
}
@media (min-width: 981px) {
  .btn-edit-admin {
    color: #00369a !important;
    float: right;
    font-size: 28px;
  }
  .btn-edit-admin:hover {
    font-size: 35px;
    background-color: rgba(255,255,255,0.7);
  }
}
.btn-submit-admin {
  background-color: #2f7de3;
  color: #fff;
  margin-right: 1%;
  border: 3px solid #2f7de3;
  width: 24%;
}
.btn-submit-admin:hover {
  background-color: #144a91;
}
.btn-submit-admin:active {
  background-color: #0d3161;
}
.btn-cancel-admin {
  background-color: #fff;
  color: #2f7de3;
  border: 3px solid #2f7de3;
  color: #2f7de3;
  margin-right: 1%;
  width: 24%;
}
.btn-cancel-admin:hover {
  color: #fff;
  background-color: #2f7de3;
}
.btn-cancel-admin:active {
  color: #fff;
  background-color: #0d3161;
}
.btn-delete-admin {
  background-color: #fff;
  color: #8b0000;
  border: 3px solid #8b0000;
  color: #8b0000;
  width: 50%;
}
.btn-delete-admin:hover {
  color: #fff;
  background-color: #8b0000;
}
.btn-delete-admin:active {
  color: #fff;
  background-color: #380000;
}
.button-tran-primary {
  color: #9ACD32;
  background-color: transparent;
  border: 2px solid #9ACD32;
  border-radius: 15px;
  padding: 10px;
}
.button-tran-primary:hover {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
}
.button-tran-primary:active {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
}
.button-solid-primary {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
  border-radius: 15px;
  padding: 10px;
}
.button-solid-primary:hover {
  color: #fff;
  background-color: #795c05;
  border-color: #9ACD32;
}
.button-solid-primary:active {
  color: #fff;
  background-color: #795c05;
  border-color: #9ACD32;
}
.button-tran-primary-lg {
  color: #9ACD32;
  background-color: transparent;
  border: 2px solid #9ACD32;
  border-radius: 15px;
  padding: 15px;
}
.button-tran-primary-lg:hover {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
}
.button-tran-primary-lg:active {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
}
.button-solid-primary-lg {
  color: #fff;
  background-color: #9ACD32;
  border-color: #9ACD32;
  border-radius: 15px;
  padding: 15px;
}
.button-solid-primary-lg:hover {
  color: #fff;
  background-color: #795c05;
  border-color: #9ACD32;
}
.button-solid-primary-lg:active {
  color: #fff;
  background-color: #795c05;
  border-color: #9ACD32;
}
.button-tran-secondary {
  color: #ecf8f9;
  background-color: transparent;
  border: 2px solid #ecf8f9;
  border-radius: 15px;
  padding: 10px;
}
.button-tran-secondary:hover {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
}
.button-tran-secondary:active {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
}
.button-solid-secondary {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
  border-radius: 15px;
  padding: 10px;
}
.button-solid-secondary:hover {
  color: #fff;
  background-color: #3aafb8;
  border-color: #ecf8f9;
}
.button-solid-secondary:active {
  color: #fff;
  background-color: #3aafb8;
  border-color: #ecf8f9;
}
.button-tran-secondary-lg {
  color: #ecf8f9;
  background-color: transparent;
  border: 2px solid #ecf8f9;
  border-radius: 15px;
  padding: 15px;
}
.button-tran-secondary-lg:hover {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
}
.button-tran-secondary-lg:active {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
}
.button-solid-secondary-lg {
  color: #fff;
  background-color: #ecf8f9;
  border-color: #ecf8f9;
  border-radius: 15px;
  padding: 15px;
}
.button-solid-secondary-lg:hover {
  color: #fff;
  background-color: #3aafb8;
  border-color: #ecf8f9;
}
.button-solid-secondary-lg:active {
  color: #fff;
  background-color: #3aafb8;
  border-color: #ecf8f9;
}
.button-tran-oren {
  color: #ffa500;
  background-color: transparent;
  border: 2px solid #ffa500;
  border-radius: 15px;
  padding: 10px;
}
.button-tran-oren:hover {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
}
.button-tran-oren:active {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
}
.button-solid-oren {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
  border-radius: 15px;
  padding: 10px;
}
.button-solid-oren:hover {
  color: #fff;
  background-color: #805300;
  border-color: #ffa500;
}
.button-solid-oren:active {
  color: #fff;
  background-color: #805300;
  border-color: #ffa500;
}
.button-tran-oren-lg {
  color: #ffa500;
  background-color: transparent;
  border: 2px solid #ffa500;
  border-radius: 15px;
  padding: 15px;
}
.button-tran-oren-lg:hover {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
}
.button-tran-oren-lg:active {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
}
.button-solid-oren-lg {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
  border-radius: 15px;
  padding: 15px;
}
.button-solid-oren-lg:hover {
  color: #fff;
  background-color: #805300;
  border-color: #ffa500;
}
.button-solid-oren-lg:active {
  color: #fff;
  background-color: #805300;
  border-color: #ffa500;
}
.vid-txt-click button:hover {
  background-color: transparent;
  transition-duration: 0.4s;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
  width: auto;
  font-size: 1em;
  color: #000;
}
.padding-0px {
  padding: 0px !important;
}
.padding-left-0px {
  padding-left: 0px !important;
}
.padding-right-0px {
  padding-right: 0px !important;
}
.padding-top-0px {
  padding-top: 0px !important;
}
.padding-bottom-0px {
  padding-bottom: 0px !important;
}
.margin-0px {
  margin: 0px !important;
}
.margin-left-0px {
  margin-left: 0px !important;
}
.margin-right-0px {
  margin-right: 0px !important;
}
.margin-top-0px {
  margin-top: 0px !important;
}
.margin-bottom-0px {
  margin-bottom: 0px !important;
}
.padding-5px {
  padding: 5px !important;
}
.padding-left-5px {
  padding-left: 5px !important;
}
.padding-right-5px {
  padding-right: 5px !important;
}
.padding-top-5px {
  padding-top: 5px !important;
}
.padding-bottom-5px {
  padding-bottom: 5px !important;
}
.margin-5px {
  margin: 5px !important;
}
.margin-left-5px {
  margin-left: 5px !important;
}
.margin-right-5px {
  margin-right: 5px !important;
}
.margin-top-5px {
  margin-top: 5px !important;
}
.margin-bottom-5px {
  margin-bottom: 5px !important;
}
.padding-10px {
  padding: 10px !important;
}
.padding-left-10px {
  padding-left: 10px !important;
}
.padding-right-10px {
  padding-right: 10px !important;
}
.padding-top-10px {
  padding-top: 10px !important;
}
.padding-bottom-10px {
  padding-bottom: 10px !important;
}
.margin-10px {
  margin: 10px !important;
}
.margin-left-10px {
  margin-left: 10px !important;
}
.margin-right-10px {
  margin-right: 10px !important;
}
.margin-top-10px {
  margin-top: 10px !important;
}
.margin-bottom-10px {
  margin-bottom: 10px !important;
}
.padding-15px {
  padding: 15px !important;
}
.padding-left-15px {
  padding-left: 15px !important;
}
.padding-right-15px {
  padding-right: 15px !important;
}
.padding-top-15px {
  padding-top: 15px !important;
}
.padding-bottom-15px {
  padding-bottom: 15px !important;
}
.margin-15px {
  margin: 15px !important;
}
.margin-left-15px {
  margin-left: 15px !important;
}
.margin-right-15px {
  margin-right: 15px !important;
}
.margin-top-15px {
  margin-top: 15px !important;
}
.margin-bottom-15px {
  margin-bottom: 15px !important;
}
.padding-20px {
  padding: 20px !important;
}
.padding-left-20px {
  padding-left: 20px !important;
}
.padding-right-20px {
  padding-right: 20px !important;
}
.padding-top-20px {
  padding-top: 20px !important;
}
.padding-bottom-20px {
  padding-bottom: 20px !important;
}
.margin-20px {
  margin: 20px !important;
}
.margin-left-20px {
  margin-left: 20px !important;
}
.margin-right-20px {
  margin-right: 20px !important;
}
.margin-top-20px {
  margin-top: 20px !important;
}
.margin-bottom-20px {
  margin-bottom: 20px !important;
}
.padding-25px {
  padding: 25px !important;
}
.padding-left-25px {
  padding-left: 25px !important;
}
.padding-right-25px {
  padding-right: 25px !important;
}
.padding-top-25px {
  padding-top: 25px !important;
}
.padding-bottom-25px {
  padding-bottom: 25px !important;
}
.margin-25px {
  margin: 25px !important;
}
.margin-left-25px {
  margin-left: 25px !important;
}
.margin-right-25px {
  margin-right: 25px !important;
}
.margin-top-25px {
  margin-top: 25px !important;
}
.margin-bottom-25px {
  margin-bottom: 25px !important;
}
.padding-30px {
  padding: 30px !important;
}
.padding-left-30px {
  padding-left: 30px !important;
}
.padding-right-30px {
  padding-right: 30px !important;
}
.padding-top-30px {
  padding-top: 30px !important;
}
.padding-bottom-30px {
  padding-bottom: 30px !important;
}
.margin-30px {
  margin: 30px !important;
}
.margin-left-30px {
  margin-left: 30px !important;
}
.margin-right-30px {
  margin-right: 30px !important;
}
.margin-top-30px {
  margin-top: 30px !important;
}
.margin-bottom-30px {
  margin-bottom: 30px !important;
}
.padding-35px {
  padding: 35px !important;
}
.padding-left-35px {
  padding-left: 35px !important;
}
.padding-right-35px {
  padding-right: 35px !important;
}
.padding-top-35px {
  padding-top: 35px !important;
}
.padding-bottom-35px {
  padding-bottom: 35px !important;
}
.margin-35px {
  margin: 35px !important;
}
.margin-left-35px {
  margin-left: 35px !important;
}
.margin-right-35px {
  margin-right: 35px !important;
}
.margin-top-35px {
  margin-top: 35px !important;
}
.margin-bottom-35px {
  margin-bottom: 35px !important;
}
.padding-40px {
  padding: 40px !important;
}
.padding-left-40px {
  padding-left: 40px !important;
}
.padding-right-40px {
  padding-right: 40px !important;
}
.padding-top-40px {
  padding-top: 40px !important;
}
.padding-bottom-40px {
  padding-bottom: 40px !important;
}
.margin-40px {
  margin: 40px !important;
}
.margin-left-40px {
  margin-left: 40px !important;
}
.margin-right-40px {
  margin-right: 40px !important;
}
.margin-top-40px {
  margin-top: 40px !important;
}
.margin-bottom-40px {
  margin-bottom: 40px !important;
}
.padding-45px {
  padding: 45px !important;
}
.padding-left-45px {
  padding-left: 45px !important;
}
.padding-right-45px {
  padding-right: 45px !important;
}
.padding-top-45px {
  padding-top: 45px !important;
}
.padding-bottom-45px {
  padding-bottom: 45px !important;
}
.margin-45px {
  margin: 45px !important;
}
.margin-left-45px {
  margin-left: 45px !important;
}
.margin-right-45px {
  margin-right: 45px !important;
}
.margin-top-45px {
  margin-top: 45px !important;
}
.margin-bottom-45px {
  margin-bottom: 45px !important;
}
.padding-50px {
  padding: 50px !important;
}
.padding-left-50px {
  padding-left: 50px !important;
}
.padding-right-50px {
  padding-right: 50px !important;
}
.padding-top-50px {
  padding-top: 50px !important;
}
.padding-bottom-50px {
  padding-bottom: 50px !important;
}
.margin-50px {
  margin: 50px !important;
}
.margin-left-50px {
  margin-left: 50px !important;
}
.margin-right-50px {
  margin-right: 50px !important;
}
.margin-top-50px {
  margin-top: 50px !important;
}
.margin-bottom-50px {
  margin-bottom: 50px !important;
}
.padding-55px {
  padding: 55px !important;
}
.padding-left-55px {
  padding-left: 55px !important;
}
.padding-right-55px {
  padding-right: 55px !important;
}
.padding-top-55px {
  padding-top: 55px !important;
}
.padding-bottom-55px {
  padding-bottom: 55px !important;
}
.margin-55px {
  margin: 55px !important;
}
.margin-left-55px {
  margin-left: 55px !important;
}
.margin-right-55px {
  margin-right: 55px !important;
}
.margin-top-55px {
  margin-top: 55px !important;
}
.margin-bottom-55px {
  margin-bottom: 55px !important;
}
.padding-60px {
  padding: 60px !important;
}
.padding-left-60px {
  padding-left: 60px !important;
}
.padding-right-60px {
  padding-right: 60px !important;
}
.padding-top-60px {
  padding-top: 60px !important;
}
.padding-bottom-60px {
  padding-bottom: 60px !important;
}
.margin-60px {
  margin: 60px !important;
}
.margin-left-60px {
  margin-left: 60px !important;
}
.margin-right-60px {
  margin-right: 60px !important;
}
.margin-top-60px {
  margin-top: 60px !important;
}
.margin-bottom-60px {
  margin-bottom: 60px !important;
}
.padding-65px {
  padding: 65px !important;
}
.padding-left-65px {
  padding-left: 65px !important;
}
.padding-right-65px {
  padding-right: 65px !important;
}
.padding-top-65px {
  padding-top: 65px !important;
}
.padding-bottom-65px {
  padding-bottom: 65px !important;
}
.margin-65px {
  margin: 65px !important;
}
.margin-left-65px {
  margin-left: 65px !important;
}
.margin-right-65px {
  margin-right: 65px !important;
}
.margin-top-65px {
  margin-top: 65px !important;
}
.margin-bottom-65px {
  margin-bottom: 65px !important;
}
.padding-70px {
  padding: 70px !important;
}
.padding-left-70px {
  padding-left: 70px !important;
}
.padding-right-70px {
  padding-right: 70px !important;
}
.padding-top-70px {
  padding-top: 70px !important;
}
.padding-bottom-70px {
  padding-bottom: 70px !important;
}
.margin-70px {
  margin: 70px !important;
}
.margin-left-70px {
  margin-left: 70px !important;
}
.margin-right-70px {
  margin-right: 70px !important;
}
.margin-top-70px {
  margin-top: 70px !important;
}
.margin-bottom-70px {
  margin-bottom: 70px !important;
}
.padding-75px {
  padding: 75px !important;
}
.padding-left-75px {
  padding-left: 75px !important;
}
.padding-right-75px {
  padding-right: 75px !important;
}
.padding-top-75px {
  padding-top: 75px !important;
}
.padding-bottom-75px {
  padding-bottom: 75px !important;
}
.margin-75px {
  margin: 75px !important;
}
.margin-left-75px {
  margin-left: 75px !important;
}
.margin-right-75px {
  margin-right: 75px !important;
}
.margin-top-75px {
  margin-top: 75px !important;
}
.margin-bottom-75px {
  margin-bottom: 75px !important;
}
.padding-80px {
  padding: 80px !important;
}
.padding-left-80px {
  padding-left: 80px !important;
}
.padding-right-80px {
  padding-right: 80px !important;
}
.padding-top-80px {
  padding-top: 80px !important;
}
.padding-bottom-80px {
  padding-bottom: 80px !important;
}
.margin-80px {
  margin: 80px !important;
}
.margin-left-80px {
  margin-left: 80px !important;
}
.margin-right-80px {
  margin-right: 80px !important;
}
.margin-top-80px {
  margin-top: 80px !important;
}
.margin-bottom-80px {
  margin-bottom: 80px !important;
}
.padding-85px {
  padding: 85px !important;
}
.padding-left-85px {
  padding-left: 85px !important;
}
.padding-right-85px {
  padding-right: 85px !important;
}
.padding-top-85px {
  padding-top: 85px !important;
}
.padding-bottom-85px {
  padding-bottom: 85px !important;
}
.margin-85px {
  margin: 85px !important;
}
.margin-left-85px {
  margin-left: 85px !important;
}
.margin-right-85px {
  margin-right: 85px !important;
}
.margin-top-85px {
  margin-top: 85px !important;
}
.margin-bottom-85px {
  margin-bottom: 85px !important;
}
.padding-90px {
  padding: 90px !important;
}
.padding-left-90px {
  padding-left: 90px !important;
}
.padding-right-90px {
  padding-right: 90px !important;
}
.padding-top-90px {
  padding-top: 90px !important;
}
.padding-bottom-90px {
  padding-bottom: 90px !important;
}
.margin-90px {
  margin: 90px !important;
}
.margin-left-90px {
  margin-left: 90px !important;
}
.margin-right-90px {
  margin-right: 90px !important;
}
.margin-top-90px {
  margin-top: 90px !important;
}
.margin-bottom-90px {
  margin-bottom: 90px !important;
}
.padding-95px {
  padding: 95px !important;
}
.padding-left-95px {
  padding-left: 95px !important;
}
.padding-right-95px {
  padding-right: 95px !important;
}
.padding-top-95px {
  padding-top: 95px !important;
}
.padding-bottom-95px {
  padding-bottom: 95px !important;
}
.margin-95px {
  margin: 95px !important;
}
.margin-left-95px {
  margin-left: 95px !important;
}
.margin-right-95px {
  margin-right: 95px !important;
}
.margin-top-95px {
  margin-top: 95px !important;
}
.margin-bottom-95px {
  margin-bottom: 95px !important;
}
.padding-100px {
  padding: 100px !important;
}
.padding-left-100px {
  padding-left: 100px !important;
}
.padding-right-100px {
  padding-right: 100px !important;
}
.padding-top-100px {
  padding-top: 100px !important;
}
.padding-bottom-100px {
  padding-bottom: 100px !important;
}
.margin-100px {
  margin: 100px !important;
}
.margin-left-100px {
  margin-left: 100px !important;
}
.margin-right-100px {
  margin-right: 100px !important;
}
.margin-top-100px {
  margin-top: 100px !important;
}
.margin-bottom-100px {
  margin-bottom: 100px !important;
}
.padding-105px {
  padding: 105px !important;
}
.padding-left-105px {
  padding-left: 105px !important;
}
.padding-right-105px {
  padding-right: 105px !important;
}
.padding-top-105px {
  padding-top: 105px !important;
}
.padding-bottom-105px {
  padding-bottom: 105px !important;
}
.margin-105px {
  margin: 105px !important;
}
.margin-left-105px {
  margin-left: 105px !important;
}
.margin-right-105px {
  margin-right: 105px !important;
}
.margin-top-105px {
  margin-top: 105px !important;
}
.margin-bottom-105px {
  margin-bottom: 105px !important;
}
.padding-110px {
  padding: 110px !important;
}
.padding-left-110px {
  padding-left: 110px !important;
}
.padding-right-110px {
  padding-right: 110px !important;
}
.padding-top-110px {
  padding-top: 110px !important;
}
.padding-bottom-110px {
  padding-bottom: 110px !important;
}
.margin-110px {
  margin: 110px !important;
}
.margin-left-110px {
  margin-left: 110px !important;
}
.margin-right-110px {
  margin-right: 110px !important;
}
.margin-top-110px {
  margin-top: 110px !important;
}
.margin-bottom-110px {
  margin-bottom: 110px !important;
}
.padding-115px {
  padding: 115px !important;
}
.padding-left-115px {
  padding-left: 115px !important;
}
.padding-right-115px {
  padding-right: 115px !important;
}
.padding-top-115px {
  padding-top: 115px !important;
}
.padding-bottom-115px {
  padding-bottom: 115px !important;
}
.margin-115px {
  margin: 115px !important;
}
.margin-left-115px {
  margin-left: 115px !important;
}
.margin-right-115px {
  margin-right: 115px !important;
}
.margin-top-115px {
  margin-top: 115px !important;
}
.margin-bottom-115px {
  margin-bottom: 115px !important;
}
.padding-120px {
  padding: 120px !important;
}
.padding-left-120px {
  padding-left: 120px !important;
}
.padding-right-120px {
  padding-right: 120px !important;
}
.padding-top-120px {
  padding-top: 120px !important;
}
.padding-bottom-120px {
  padding-bottom: 120px !important;
}
.margin-120px {
  margin: 120px !important;
}
.margin-left-120px {
  margin-left: 120px !important;
}
.margin-right-120px {
  margin-right: 120px !important;
}
.margin-top-120px {
  margin-top: 120px !important;
}
.margin-bottom-120px {
  margin-bottom: 120px !important;
}
.padding-125px {
  padding: 125px !important;
}
.padding-left-125px {
  padding-left: 125px !important;
}
.padding-right-125px {
  padding-right: 125px !important;
}
.padding-top-125px {
  padding-top: 125px !important;
}
.padding-bottom-125px {
  padding-bottom: 125px !important;
}
.margin-125px {
  margin: 125px !important;
}
.margin-left-125px {
  margin-left: 125px !important;
}
.margin-right-125px {
  margin-right: 125px !important;
}
.margin-top-125px {
  margin-top: 125px !important;
}
.margin-bottom-125px {
  margin-bottom: 125px !important;
}
.padding-130px {
  padding: 130px !important;
}
.padding-left-130px {
  padding-left: 130px !important;
}
.padding-right-130px {
  padding-right: 130px !important;
}
.padding-top-130px {
  padding-top: 130px !important;
}
.padding-bottom-130px {
  padding-bottom: 130px !important;
}
.margin-130px {
  margin: 130px !important;
}
.margin-left-130px {
  margin-left: 130px !important;
}
.margin-right-130px {
  margin-right: 130px !important;
}
.margin-top-130px {
  margin-top: 130px !important;
}
.margin-bottom-130px {
  margin-bottom: 130px !important;
}
.padding-135px {
  padding: 135px !important;
}
.padding-left-135px {
  padding-left: 135px !important;
}
.padding-right-135px {
  padding-right: 135px !important;
}
.padding-top-135px {
  padding-top: 135px !important;
}
.padding-bottom-135px {
  padding-bottom: 135px !important;
}
.margin-135px {
  margin: 135px !important;
}
.margin-left-135px {
  margin-left: 135px !important;
}
.margin-right-135px {
  margin-right: 135px !important;
}
.margin-top-135px {
  margin-top: 135px !important;
}
.margin-bottom-135px {
  margin-bottom: 135px !important;
}
.padding-140px {
  padding: 140px !important;
}
.padding-left-140px {
  padding-left: 140px !important;
}
.padding-right-140px {
  padding-right: 140px !important;
}
.padding-top-140px {
  padding-top: 140px !important;
}
.padding-bottom-140px {
  padding-bottom: 140px !important;
}
.margin-140px {
  margin: 140px !important;
}
.margin-left-140px {
  margin-left: 140px !important;
}
.margin-right-140px {
  margin-right: 140px !important;
}
.margin-top-140px {
  margin-top: 140px !important;
}
.margin-bottom-140px {
  margin-bottom: 140px !important;
}
.padding-145px {
  padding: 145px !important;
}
.padding-left-145px {
  padding-left: 145px !important;
}
.padding-right-145px {
  padding-right: 145px !important;
}
.padding-top-145px {
  padding-top: 145px !important;
}
.padding-bottom-145px {
  padding-bottom: 145px !important;
}
.margin-145px {
  margin: 145px !important;
}
.margin-left-145px {
  margin-left: 145px !important;
}
.margin-right-145px {
  margin-right: 145px !important;
}
.margin-top-145px {
  margin-top: 145px !important;
}
.margin-bottom-145px {
  margin-bottom: 145px !important;
}
.padding-150px {
  padding: 150px !important;
}
.padding-left-150px {
  padding-left: 150px !important;
}
.padding-right-150px {
  padding-right: 150px !important;
}
.padding-top-150px {
  padding-top: 150px !important;
}
.padding-bottom-150px {
  padding-bottom: 150px !important;
}
.margin-150px {
  margin: 150px !important;
}
.margin-left-150px {
  margin-left: 150px !important;
}
.margin-right-150px {
  margin-right: 150px !important;
}
.margin-top-150px {
  margin-top: 150px !important;
}
.margin-bottom-150px {
  margin-bottom: 150px !important;
}
.padding-155px {
  padding: 155px !important;
}
.padding-left-155px {
  padding-left: 155px !important;
}
.padding-right-155px {
  padding-right: 155px !important;
}
.padding-top-155px {
  padding-top: 155px !important;
}
.padding-bottom-155px {
  padding-bottom: 155px !important;
}
.margin-155px {
  margin: 155px !important;
}
.margin-left-155px {
  margin-left: 155px !important;
}
.margin-right-155px {
  margin-right: 155px !important;
}
.margin-top-155px {
  margin-top: 155px !important;
}
.margin-bottom-155px {
  margin-bottom: 155px !important;
}
.padding-160px {
  padding: 160px !important;
}
.padding-left-160px {
  padding-left: 160px !important;
}
.padding-right-160px {
  padding-right: 160px !important;
}
.padding-top-160px {
  padding-top: 160px !important;
}
.padding-bottom-160px {
  padding-bottom: 160px !important;
}
.margin-160px {
  margin: 160px !important;
}
.margin-left-160px {
  margin-left: 160px !important;
}
.margin-right-160px {
  margin-right: 160px !important;
}
.margin-top-160px {
  margin-top: 160px !important;
}
.margin-bottom-160px {
  margin-bottom: 160px !important;
}
.padding-165px {
  padding: 165px !important;
}
.padding-left-165px {
  padding-left: 165px !important;
}
.padding-right-165px {
  padding-right: 165px !important;
}
.padding-top-165px {
  padding-top: 165px !important;
}
.padding-bottom-165px {
  padding-bottom: 165px !important;
}
.margin-165px {
  margin: 165px !important;
}
.margin-left-165px {
  margin-left: 165px !important;
}
.margin-right-165px {
  margin-right: 165px !important;
}
.margin-top-165px {
  margin-top: 165px !important;
}
.margin-bottom-165px {
  margin-bottom: 165px !important;
}
.padding-170px {
  padding: 170px !important;
}
.padding-left-170px {
  padding-left: 170px !important;
}
.padding-right-170px {
  padding-right: 170px !important;
}
.padding-top-170px {
  padding-top: 170px !important;
}
.padding-bottom-170px {
  padding-bottom: 170px !important;
}
.margin-170px {
  margin: 170px !important;
}
.margin-left-170px {
  margin-left: 170px !important;
}
.margin-right-170px {
  margin-right: 170px !important;
}
.margin-top-170px {
  margin-top: 170px !important;
}
.margin-bottom-170px {
  margin-bottom: 170px !important;
}
.padding-175px {
  padding: 175px !important;
}
.padding-left-175px {
  padding-left: 175px !important;
}
.padding-right-175px {
  padding-right: 175px !important;
}
.padding-top-175px {
  padding-top: 175px !important;
}
.padding-bottom-175px {
  padding-bottom: 175px !important;
}
.margin-175px {
  margin: 175px !important;
}
.margin-left-175px {
  margin-left: 175px !important;
}
.margin-right-175px {
  margin-right: 175px !important;
}
.margin-top-175px {
  margin-top: 175px !important;
}
.margin-bottom-175px {
  margin-bottom: 175px !important;
}
.padding-180px {
  padding: 180px !important;
}
.padding-left-180px {
  padding-left: 180px !important;
}
.padding-right-180px {
  padding-right: 180px !important;
}
.padding-top-180px {
  padding-top: 180px !important;
}
.padding-bottom-180px {
  padding-bottom: 180px !important;
}
.margin-180px {
  margin: 180px !important;
}
.margin-left-180px {
  margin-left: 180px !important;
}
.margin-right-180px {
  margin-right: 180px !important;
}
.margin-top-180px {
  margin-top: 180px !important;
}
.margin-bottom-180px {
  margin-bottom: 180px !important;
}
.padding-185px {
  padding: 185px !important;
}
.padding-left-185px {
  padding-left: 185px !important;
}
.padding-right-185px {
  padding-right: 185px !important;
}
.padding-top-185px {
  padding-top: 185px !important;
}
.padding-bottom-185px {
  padding-bottom: 185px !important;
}
.margin-185px {
  margin: 185px !important;
}
.margin-left-185px {
  margin-left: 185px !important;
}
.margin-right-185px {
  margin-right: 185px !important;
}
.margin-top-185px {
  margin-top: 185px !important;
}
.margin-bottom-185px {
  margin-bottom: 185px !important;
}
.padding-190px {
  padding: 190px !important;
}
.padding-left-190px {
  padding-left: 190px !important;
}
.padding-right-190px {
  padding-right: 190px !important;
}
.padding-top-190px {
  padding-top: 190px !important;
}
.padding-bottom-190px {
  padding-bottom: 190px !important;
}
.margin-190px {
  margin: 190px !important;
}
.margin-left-190px {
  margin-left: 190px !important;
}
.margin-right-190px {
  margin-right: 190px !important;
}
.margin-top-190px {
  margin-top: 190px !important;
}
.margin-bottom-190px {
  margin-bottom: 190px !important;
}
.padding-195px {
  padding: 195px !important;
}
.padding-left-195px {
  padding-left: 195px !important;
}
.padding-right-195px {
  padding-right: 195px !important;
}
.padding-top-195px {
  padding-top: 195px !important;
}
.padding-bottom-195px {
  padding-bottom: 195px !important;
}
.margin-195px {
  margin: 195px !important;
}
.margin-left-195px {
  margin-left: 195px !important;
}
.margin-right-195px {
  margin-right: 195px !important;
}
.margin-top-195px {
  margin-top: 195px !important;
}
.margin-bottom-195px {
  margin-bottom: 195px !important;
}
.padding-200px {
  padding: 200px !important;
}
.padding-left-200px {
  padding-left: 200px !important;
}
.padding-right-200px {
  padding-right: 200px !important;
}
.padding-top-200px {
  padding-top: 200px !important;
}
.padding-bottom-200px {
  padding-bottom: 200px !important;
}
.margin-200px {
  margin: 200px !important;
}
.margin-left-200px {
  margin-left: 200px !important;
}
.margin-right-200px {
  margin-right: 200px !important;
}
.margin-top-200px {
  margin-top: 200px !important;
}
.margin-bottom-200px {
  margin-bottom: 200px !important;
}
.padding-205px {
  padding: 205px !important;
}
.padding-left-205px {
  padding-left: 205px !important;
}
.padding-right-205px {
  padding-right: 205px !important;
}
.padding-top-205px {
  padding-top: 205px !important;
}
.padding-bottom-205px {
  padding-bottom: 205px !important;
}
.margin-205px {
  margin: 205px !important;
}
.margin-left-205px {
  margin-left: 205px !important;
}
.margin-right-205px {
  margin-right: 205px !important;
}
.margin-top-205px {
  margin-top: 205px !important;
}
.margin-bottom-205px {
  margin-bottom: 205px !important;
}
.padding-210px {
  padding: 210px !important;
}
.padding-left-210px {
  padding-left: 210px !important;
}
.padding-right-210px {
  padding-right: 210px !important;
}
.padding-top-210px {
  padding-top: 210px !important;
}
.padding-bottom-210px {
  padding-bottom: 210px !important;
}
.margin-210px {
  margin: 210px !important;
}
.margin-left-210px {
  margin-left: 210px !important;
}
.margin-right-210px {
  margin-right: 210px !important;
}
.margin-top-210px {
  margin-top: 210px !important;
}
.margin-bottom-210px {
  margin-bottom: 210px !important;
}
.padding-215px {
  padding: 215px !important;
}
.padding-left-215px {
  padding-left: 215px !important;
}
.padding-right-215px {
  padding-right: 215px !important;
}
.padding-top-215px {
  padding-top: 215px !important;
}
.padding-bottom-215px {
  padding-bottom: 215px !important;
}
.margin-215px {
  margin: 215px !important;
}
.margin-left-215px {
  margin-left: 215px !important;
}
.margin-right-215px {
  margin-right: 215px !important;
}
.margin-top-215px {
  margin-top: 215px !important;
}
.margin-bottom-215px {
  margin-bottom: 215px !important;
}
.padding-220px {
  padding: 220px !important;
}
.padding-left-220px {
  padding-left: 220px !important;
}
.padding-right-220px {
  padding-right: 220px !important;
}
.padding-top-220px {
  padding-top: 220px !important;
}
.padding-bottom-220px {
  padding-bottom: 220px !important;
}
.margin-220px {
  margin: 220px !important;
}
.margin-left-220px {
  margin-left: 220px !important;
}
.margin-right-220px {
  margin-right: 220px !important;
}
.margin-top-220px {
  margin-top: 220px !important;
}
.margin-bottom-220px {
  margin-bottom: 220px !important;
}
.padding-225px {
  padding: 225px !important;
}
.padding-left-225px {
  padding-left: 225px !important;
}
.padding-right-225px {
  padding-right: 225px !important;
}
.padding-top-225px {
  padding-top: 225px !important;
}
.padding-bottom-225px {
  padding-bottom: 225px !important;
}
.margin-225px {
  margin: 225px !important;
}
.margin-left-225px {
  margin-left: 225px !important;
}
.margin-right-225px {
  margin-right: 225px !important;
}
.margin-top-225px {
  margin-top: 225px !important;
}
.margin-bottom-225px {
  margin-bottom: 225px !important;
}
.padding-230px {
  padding: 230px !important;
}
.padding-left-230px {
  padding-left: 230px !important;
}
.padding-right-230px {
  padding-right: 230px !important;
}
.padding-top-230px {
  padding-top: 230px !important;
}
.padding-bottom-230px {
  padding-bottom: 230px !important;
}
.margin-230px {
  margin: 230px !important;
}
.margin-left-230px {
  margin-left: 230px !important;
}
.margin-right-230px {
  margin-right: 230px !important;
}
.margin-top-230px {
  margin-top: 230px !important;
}
.margin-bottom-230px {
  margin-bottom: 230px !important;
}
.padding-235px {
  padding: 235px !important;
}
.padding-left-235px {
  padding-left: 235px !important;
}
.padding-right-235px {
  padding-right: 235px !important;
}
.padding-top-235px {
  padding-top: 235px !important;
}
.padding-bottom-235px {
  padding-bottom: 235px !important;
}
.margin-235px {
  margin: 235px !important;
}
.margin-left-235px {
  margin-left: 235px !important;
}
.margin-right-235px {
  margin-right: 235px !important;
}
.margin-top-235px {
  margin-top: 235px !important;
}
.margin-bottom-235px {
  margin-bottom: 235px !important;
}
.padding-240px {
  padding: 240px !important;
}
.padding-left-240px {
  padding-left: 240px !important;
}
.padding-right-240px {
  padding-right: 240px !important;
}
.padding-top-240px {
  padding-top: 240px !important;
}
.padding-bottom-240px {
  padding-bottom: 240px !important;
}
.margin-240px {
  margin: 240px !important;
}
.margin-left-240px {
  margin-left: 240px !important;
}
.margin-right-240px {
  margin-right: 240px !important;
}
.margin-top-240px {
  margin-top: 240px !important;
}
.margin-bottom-240px {
  margin-bottom: 240px !important;
}
.padding-245px {
  padding: 245px !important;
}
.padding-left-245px {
  padding-left: 245px !important;
}
.padding-right-245px {
  padding-right: 245px !important;
}
.padding-top-245px {
  padding-top: 245px !important;
}
.padding-bottom-245px {
  padding-bottom: 245px !important;
}
.margin-245px {
  margin: 245px !important;
}
.margin-left-245px {
  margin-left: 245px !important;
}
.margin-right-245px {
  margin-right: 245px !important;
}
.margin-top-245px {
  margin-top: 245px !important;
}
.margin-bottom-245px {
  margin-bottom: 245px !important;
}
.padding-250px {
  padding: 250px !important;
}
.padding-left-250px {
  padding-left: 250px !important;
}
.padding-right-250px {
  padding-right: 250px !important;
}
.padding-top-250px {
  padding-top: 250px !important;
}
.padding-bottom-250px {
  padding-bottom: 250px !important;
}
.margin-250px {
  margin: 250px !important;
}
.margin-left-250px {
  margin-left: 250px !important;
}
.margin-right-250px {
  margin-right: 250px !important;
}
.margin-top-250px {
  margin-top: 250px !important;
}
.margin-bottom-250px {
  margin-bottom: 250px !important;
}
.padding-255px {
  padding: 255px !important;
}
.padding-left-255px {
  padding-left: 255px !important;
}
.padding-right-255px {
  padding-right: 255px !important;
}
.padding-top-255px {
  padding-top: 255px !important;
}
.padding-bottom-255px {
  padding-bottom: 255px !important;
}
.margin-255px {
  margin: 255px !important;
}
.margin-left-255px {
  margin-left: 255px !important;
}
.margin-right-255px {
  margin-right: 255px !important;
}
.margin-top-255px {
  margin-top: 255px !important;
}
.margin-bottom-255px {
  margin-bottom: 255px !important;
}
.padding-260px {
  padding: 260px !important;
}
.padding-left-260px {
  padding-left: 260px !important;
}
.padding-right-260px {
  padding-right: 260px !important;
}
.padding-top-260px {
  padding-top: 260px !important;
}
.padding-bottom-260px {
  padding-bottom: 260px !important;
}
.margin-260px {
  margin: 260px !important;
}
.margin-left-260px {
  margin-left: 260px !important;
}
.margin-right-260px {
  margin-right: 260px !important;
}
.margin-top-260px {
  margin-top: 260px !important;
}
.margin-bottom-260px {
  margin-bottom: 260px !important;
}
.padding-265px {
  padding: 265px !important;
}
.padding-left-265px {
  padding-left: 265px !important;
}
.padding-right-265px {
  padding-right: 265px !important;
}
.padding-top-265px {
  padding-top: 265px !important;
}
.padding-bottom-265px {
  padding-bottom: 265px !important;
}
.margin-265px {
  margin: 265px !important;
}
.margin-left-265px {
  margin-left: 265px !important;
}
.margin-right-265px {
  margin-right: 265px !important;
}
.margin-top-265px {
  margin-top: 265px !important;
}
.margin-bottom-265px {
  margin-bottom: 265px !important;
}
.padding-270px {
  padding: 270px !important;
}
.padding-left-270px {
  padding-left: 270px !important;
}
.padding-right-270px {
  padding-right: 270px !important;
}
.padding-top-270px {
  padding-top: 270px !important;
}
.padding-bottom-270px {
  padding-bottom: 270px !important;
}
.margin-270px {
  margin: 270px !important;
}
.margin-left-270px {
  margin-left: 270px !important;
}
.margin-right-270px {
  margin-right: 270px !important;
}
.margin-top-270px {
  margin-top: 270px !important;
}
.margin-bottom-270px {
  margin-bottom: 270px !important;
}
.padding-275px {
  padding: 275px !important;
}
.padding-left-275px {
  padding-left: 275px !important;
}
.padding-right-275px {
  padding-right: 275px !important;
}
.padding-top-275px {
  padding-top: 275px !important;
}
.padding-bottom-275px {
  padding-bottom: 275px !important;
}
.margin-275px {
  margin: 275px !important;
}
.margin-left-275px {
  margin-left: 275px !important;
}
.margin-right-275px {
  margin-right: 275px !important;
}
.margin-top-275px {
  margin-top: 275px !important;
}
.margin-bottom-275px {
  margin-bottom: 275px !important;
}
.padding-280px {
  padding: 280px !important;
}
.padding-left-280px {
  padding-left: 280px !important;
}
.padding-right-280px {
  padding-right: 280px !important;
}
.padding-top-280px {
  padding-top: 280px !important;
}
.padding-bottom-280px {
  padding-bottom: 280px !important;
}
.margin-280px {
  margin: 280px !important;
}
.margin-left-280px {
  margin-left: 280px !important;
}
.margin-right-280px {
  margin-right: 280px !important;
}
.margin-top-280px {
  margin-top: 280px !important;
}
.margin-bottom-280px {
  margin-bottom: 280px !important;
}
.padding-285px {
  padding: 285px !important;
}
.padding-left-285px {
  padding-left: 285px !important;
}
.padding-right-285px {
  padding-right: 285px !important;
}
.padding-top-285px {
  padding-top: 285px !important;
}
.padding-bottom-285px {
  padding-bottom: 285px !important;
}
.margin-285px {
  margin: 285px !important;
}
.margin-left-285px {
  margin-left: 285px !important;
}
.margin-right-285px {
  margin-right: 285px !important;
}
.margin-top-285px {
  margin-top: 285px !important;
}
.margin-bottom-285px {
  margin-bottom: 285px !important;
}
.padding-290px {
  padding: 290px !important;
}
.padding-left-290px {
  padding-left: 290px !important;
}
.padding-right-290px {
  padding-right: 290px !important;
}
.padding-top-290px {
  padding-top: 290px !important;
}
.padding-bottom-290px {
  padding-bottom: 290px !important;
}
.margin-290px {
  margin: 290px !important;
}
.margin-left-290px {
  margin-left: 290px !important;
}
.margin-right-290px {
  margin-right: 290px !important;
}
.margin-top-290px {
  margin-top: 290px !important;
}
.margin-bottom-290px {
  margin-bottom: 290px !important;
}
.padding-295px {
  padding: 295px !important;
}
.padding-left-295px {
  padding-left: 295px !important;
}
.padding-right-295px {
  padding-right: 295px !important;
}
.padding-top-295px {
  padding-top: 295px !important;
}
.padding-bottom-295px {
  padding-bottom: 295px !important;
}
.margin-295px {
  margin: 295px !important;
}
.margin-left-295px {
  margin-left: 295px !important;
}
.margin-right-295px {
  margin-right: 295px !important;
}
.margin-top-295px {
  margin-top: 295px !important;
}
.margin-bottom-295px {
  margin-bottom: 295px !important;
}
.padding-300px {
  padding: 300px !important;
}
.padding-left-300px {
  padding-left: 300px !important;
}
.padding-right-300px {
  padding-right: 300px !important;
}
.padding-top-300px {
  padding-top: 300px !important;
}
.padding-bottom-300px {
  padding-bottom: 300px !important;
}
.margin-300px {
  margin: 300px !important;
}
.margin-left-300px {
  margin-left: 300px !important;
}
.margin-right-300px {
  margin-right: 300px !important;
}
.margin-top-300px {
  margin-top: 300px !important;
}
.margin-bottom-300px {
  margin-bottom: 300px !important;
}
.phone-vcenter-0vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 0vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-0vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-5vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 5vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-5vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-10vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 10vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-10vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-15vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 15vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-15vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-20vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 20vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-20vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-25vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 25vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-25vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-30vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 30vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-30vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-35vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 35vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-35vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-40vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 40vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-40vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-45vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 45vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-45vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-50vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 50vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-50vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-55vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 55vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-55vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-60vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 60vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-60vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-65vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 65vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-65vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-70vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 70vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-70vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-75vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 75vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-75vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-80vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 80vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-80vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-85vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 85vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-85vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-90vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 90vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-90vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-95vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 95vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-95vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-100vh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
}
@media (min-width: 1000px) {
  .phone-vcenter-100vh {
    display: block;
    min-height: 0vh;
  }
}
.phone-vcenter-0px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 0px;
}
@media (min-width: 1000px) {
  .phone-vcenter-0px {
    min-height: 0px;
  }
}
.phone-vcenter-50px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 50px;
}
@media (min-width: 1000px) {
  .phone-vcenter-50px {
    min-height: 0px;
  }
}
.phone-vcenter-100px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100px;
}
@media (min-width: 1000px) {
  .phone-vcenter-100px {
    min-height: 0px;
  }
}
.phone-vcenter-150px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 150px;
}
@media (min-width: 1000px) {
  .phone-vcenter-150px {
    min-height: 0px;
  }
}
.phone-vcenter-200px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 200px;
}
@media (min-width: 1000px) {
  .phone-vcenter-200px {
    min-height: 0px;
  }
}
.phone-vcenter-250px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 250px;
}
@media (min-width: 1000px) {
  .phone-vcenter-250px {
    min-height: 0px;
  }
}
.phone-vcenter-300px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 300px;
}
@media (min-width: 1000px) {
  .phone-vcenter-300px {
    min-height: 0px;
  }
}
.phone-vcenter-350px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 350px;
}
@media (min-width: 1000px) {
  .phone-vcenter-350px {
    min-height: 0px;
  }
}
.phone-vcenter-400px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 400px;
}
@media (min-width: 1000px) {
  .phone-vcenter-400px {
    min-height: 0px;
  }
}
.phone-vcenter-450px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 450px;
}
@media (min-width: 1000px) {
  .phone-vcenter-450px {
    min-height: 0px;
  }
}
.phone-vcenter-500px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 500px;
}
@media (min-width: 1000px) {
  .phone-vcenter-500px {
    min-height: 0px;
  }
}
.phone-vcenter-550px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 550px;
}
@media (min-width: 1000px) {
  .phone-vcenter-550px {
    min-height: 0px;
  }
}
.phone-vcenter-600px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 600px;
}
@media (min-width: 1000px) {
  .phone-vcenter-600px {
    min-height: 0px;
  }
}
.phone-vcenter-650px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 650px;
}
@media (min-width: 1000px) {
  .phone-vcenter-650px {
    min-height: 0px;
  }
}
.phone-vcenter-700px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 700px;
}
@media (min-width: 1000px) {
  .phone-vcenter-700px {
    min-height: 0px;
  }
}
.phone-vcenter-750px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 750px;
}
@media (min-width: 1000px) {
  .phone-vcenter-750px {
    min-height: 0px;
  }
}
.vcenter-0px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 0px;
}
.vcenter-50px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 50px;
}
.vcenter-100px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100px;
}
.vcenter-150px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 150px;
}
.vcenter-200px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 200px;
}
.vcenter-250px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 250px;
}
.vcenter-300px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 300px;
}
.vcenter-350px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 350px;
}
.vcenter-400px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 400px;
}
.vcenter-450px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 450px;
}
.vcenter-500px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 500px;
}
.vcenter-550px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 550px;
}
.vcenter-600px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 600px;
}
.vcenter-650px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 650px;
}
.vcenter-700px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 700px;
}
.vcenter-750px {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 750px;
}
.font-size-1em {
  font-size: 1em;
}
.font-size-2em {
  font-size: 2em;
}
.font-size-3em {
  font-size: 3em;
}
.font-size-4em {
  font-size: 4em;
}
.font-size-5em {
  font-size: 5em;
}
.font-size-6em {
  font-size: 6em;
}
.font-size-7em {
  font-size: 7em;
}
.font-size-8em {
  font-size: 8em;
}
.font-size-9em {
  font-size: 9em;
}
.font-size-10em {
  font-size: 10em;
}
.padding-0p {
  padding: 0% !important;
}
.padding-left-0p {
  padding-left: 0% !important;
}
.padding-right-0p {
  padding-right: 0% !important;
}
.padding-top-0p {
  padding-top: 0% !important;
}
.padding-bottom-0p {
  padding-bottom: 0% !important;
}
.margin-0p {
  margin: 0% !important;
}
.margin-left-0p {
  margin-left: 0% !important;
}
.margin-right-0p {
  margin-right: 0% !important;
}
.margin-top-0p {
  margin-top: 0% !important;
}
.margin-bottom-0p {
  margin-bottom: 0% !important;
}
.padding-1p {
  padding: 1% !important;
}
.padding-left-1p {
  padding-left: 1% !important;
}
.padding-right-1p {
  padding-right: 1% !important;
}
.padding-top-1p {
  padding-top: 1% !important;
}
.padding-bottom-1p {
  padding-bottom: 1% !important;
}
.margin-1p {
  margin: 1% !important;
}
.margin-left-1p {
  margin-left: 1% !important;
}
.margin-right-1p {
  margin-right: 1% !important;
}
.margin-top-1p {
  margin-top: 1% !important;
}
.margin-bottom-1p {
  margin-bottom: 1% !important;
}
.padding-2p {
  padding: 2% !important;
}
.padding-left-2p {
  padding-left: 2% !important;
}
.padding-right-2p {
  padding-right: 2% !important;
}
.padding-top-2p {
  padding-top: 2% !important;
}
.padding-bottom-2p {
  padding-bottom: 2% !important;
}
.margin-2p {
  margin: 2% !important;
}
.margin-left-2p {
  margin-left: 2% !important;
}
.margin-right-2p {
  margin-right: 2% !important;
}
.margin-top-2p {
  margin-top: 2% !important;
}
.margin-bottom-2p {
  margin-bottom: 2% !important;
}
.padding-3p {
  padding: 3% !important;
}
.padding-left-3p {
  padding-left: 3% !important;
}
.padding-right-3p {
  padding-right: 3% !important;
}
.padding-top-3p {
  padding-top: 3% !important;
}
.padding-bottom-3p {
  padding-bottom: 3% !important;
}
.margin-3p {
  margin: 3% !important;
}
.margin-left-3p {
  margin-left: 3% !important;
}
.margin-right-3p {
  margin-right: 3% !important;
}
.margin-top-3p {
  margin-top: 3% !important;
}
.margin-bottom-3p {
  margin-bottom: 3% !important;
}
.padding-4p {
  padding: 4% !important;
}
.padding-left-4p {
  padding-left: 4% !important;
}
.padding-right-4p {
  padding-right: 4% !important;
}
.padding-top-4p {
  padding-top: 4% !important;
}
.padding-bottom-4p {
  padding-bottom: 4% !important;
}
.margin-4p {
  margin: 4% !important;
}
.margin-left-4p {
  margin-left: 4% !important;
}
.margin-right-4p {
  margin-right: 4% !important;
}
.margin-top-4p {
  margin-top: 4% !important;
}
.margin-bottom-4p {
  margin-bottom: 4% !important;
}
.padding-5p {
  padding: 5% !important;
}
.padding-left-5p {
  padding-left: 5% !important;
}
.padding-right-5p {
  padding-right: 5% !important;
}
.padding-top-5p {
  padding-top: 5% !important;
}
.padding-bottom-5p {
  padding-bottom: 5% !important;
}
.margin-5p {
  margin: 5% !important;
}
.margin-left-5p {
  margin-left: 5% !important;
}
.margin-right-5p {
  margin-right: 5% !important;
}
.margin-top-5p {
  margin-top: 5% !important;
}
.margin-bottom-5p {
  margin-bottom: 5% !important;
}
.padding-6p {
  padding: 6% !important;
}
.padding-left-6p {
  padding-left: 6% !important;
}
.padding-right-6p {
  padding-right: 6% !important;
}
.padding-top-6p {
  padding-top: 6% !important;
}
.padding-bottom-6p {
  padding-bottom: 6% !important;
}
.margin-6p {
  margin: 6% !important;
}
.margin-left-6p {
  margin-left: 6% !important;
}
.margin-right-6p {
  margin-right: 6% !important;
}
.margin-top-6p {
  margin-top: 6% !important;
}
.margin-bottom-6p {
  margin-bottom: 6% !important;
}
.padding-7p {
  padding: 7% !important;
}
.padding-left-7p {
  padding-left: 7% !important;
}
.padding-right-7p {
  padding-right: 7% !important;
}
.padding-top-7p {
  padding-top: 7% !important;
}
.padding-bottom-7p {
  padding-bottom: 7% !important;
}
.margin-7p {
  margin: 7% !important;
}
.margin-left-7p {
  margin-left: 7% !important;
}
.margin-right-7p {
  margin-right: 7% !important;
}
.margin-top-7p {
  margin-top: 7% !important;
}
.margin-bottom-7p {
  margin-bottom: 7% !important;
}
.padding-8p {
  padding: 8% !important;
}
.padding-left-8p {
  padding-left: 8% !important;
}
.padding-right-8p {
  padding-right: 8% !important;
}
.padding-top-8p {
  padding-top: 8% !important;
}
.padding-bottom-8p {
  padding-bottom: 8% !important;
}
.margin-8p {
  margin: 8% !important;
}
.margin-left-8p {
  margin-left: 8% !important;
}
.margin-right-8p {
  margin-right: 8% !important;
}
.margin-top-8p {
  margin-top: 8% !important;
}
.margin-bottom-8p {
  margin-bottom: 8% !important;
}
.padding-9p {
  padding: 9% !important;
}
.padding-left-9p {
  padding-left: 9% !important;
}
.padding-right-9p {
  padding-right: 9% !important;
}
.padding-top-9p {
  padding-top: 9% !important;
}
.padding-bottom-9p {
  padding-bottom: 9% !important;
}
.margin-9p {
  margin: 9% !important;
}
.margin-left-9p {
  margin-left: 9% !important;
}
.margin-right-9p {
  margin-right: 9% !important;
}
.margin-top-9p {
  margin-top: 9% !important;
}
.margin-bottom-9p {
  margin-bottom: 9% !important;
}
.padding-10p {
  padding: 10% !important;
}
.padding-left-10p {
  padding-left: 10% !important;
}
.padding-right-10p {
  padding-right: 10% !important;
}
.padding-top-10p {
  padding-top: 10% !important;
}
.padding-bottom-10p {
  padding-bottom: 10% !important;
}
.margin-10p {
  margin: 10% !important;
}
.margin-left-10p {
  margin-left: 10% !important;
}
.margin-right-10p {
  margin-right: 10% !important;
}
.margin-top-10p {
  margin-top: 10% !important;
}
.margin-bottom-10p {
  margin-bottom: 10% !important;
}
.padding-11p {
  padding: 11% !important;
}
.padding-left-11p {
  padding-left: 11% !important;
}
.padding-right-11p {
  padding-right: 11% !important;
}
.padding-top-11p {
  padding-top: 11% !important;
}
.padding-bottom-11p {
  padding-bottom: 11% !important;
}
.margin-11p {
  margin: 11% !important;
}
.margin-left-11p {
  margin-left: 11% !important;
}
.margin-right-11p {
  margin-right: 11% !important;
}
.margin-top-11p {
  margin-top: 11% !important;
}
.margin-bottom-11p {
  margin-bottom: 11% !important;
}
.padding-12p {
  padding: 12% !important;
}
.padding-left-12p {
  padding-left: 12% !important;
}
.padding-right-12p {
  padding-right: 12% !important;
}
.padding-top-12p {
  padding-top: 12% !important;
}
.padding-bottom-12p {
  padding-bottom: 12% !important;
}
.margin-12p {
  margin: 12% !important;
}
.margin-left-12p {
  margin-left: 12% !important;
}
.margin-right-12p {
  margin-right: 12% !important;
}
.margin-top-12p {
  margin-top: 12% !important;
}
.margin-bottom-12p {
  margin-bottom: 12% !important;
}
.padding-13p {
  padding: 13% !important;
}
.padding-left-13p {
  padding-left: 13% !important;
}
.padding-right-13p {
  padding-right: 13% !important;
}
.padding-top-13p {
  padding-top: 13% !important;
}
.padding-bottom-13p {
  padding-bottom: 13% !important;
}
.margin-13p {
  margin: 13% !important;
}
.margin-left-13p {
  margin-left: 13% !important;
}
.margin-right-13p {
  margin-right: 13% !important;
}
.margin-top-13p {
  margin-top: 13% !important;
}
.margin-bottom-13p {
  margin-bottom: 13% !important;
}
.padding-14p {
  padding: 14% !important;
}
.padding-left-14p {
  padding-left: 14% !important;
}
.padding-right-14p {
  padding-right: 14% !important;
}
.padding-top-14p {
  padding-top: 14% !important;
}
.padding-bottom-14p {
  padding-bottom: 14% !important;
}
.margin-14p {
  margin: 14% !important;
}
.margin-left-14p {
  margin-left: 14% !important;
}
.margin-right-14p {
  margin-right: 14% !important;
}
.margin-top-14p {
  margin-top: 14% !important;
}
.margin-bottom-14p {
  margin-bottom: 14% !important;
}
.padding-15p {
  padding: 15% !important;
}
.padding-left-15p {
  padding-left: 15% !important;
}
.padding-right-15p {
  padding-right: 15% !important;
}
.padding-top-15p {
  padding-top: 15% !important;
}
.padding-bottom-15p {
  padding-bottom: 15% !important;
}
.margin-15p {
  margin: 15% !important;
}
.margin-left-15p {
  margin-left: 15% !important;
}
.margin-right-15p {
  margin-right: 15% !important;
}
.margin-top-15p {
  margin-top: 15% !important;
}
.margin-bottom-15p {
  margin-bottom: 15% !important;
}
.padding-16p {
  padding: 16% !important;
}
.padding-left-16p {
  padding-left: 16% !important;
}
.padding-right-16p {
  padding-right: 16% !important;
}
.padding-top-16p {
  padding-top: 16% !important;
}
.padding-bottom-16p {
  padding-bottom: 16% !important;
}
.margin-16p {
  margin: 16% !important;
}
.margin-left-16p {
  margin-left: 16% !important;
}
.margin-right-16p {
  margin-right: 16% !important;
}
.margin-top-16p {
  margin-top: 16% !important;
}
.margin-bottom-16p {
  margin-bottom: 16% !important;
}
.padding-17p {
  padding: 17% !important;
}
.padding-left-17p {
  padding-left: 17% !important;
}
.padding-right-17p {
  padding-right: 17% !important;
}
.padding-top-17p {
  padding-top: 17% !important;
}
.padding-bottom-17p {
  padding-bottom: 17% !important;
}
.margin-17p {
  margin: 17% !important;
}
.margin-left-17p {
  margin-left: 17% !important;
}
.margin-right-17p {
  margin-right: 17% !important;
}
.margin-top-17p {
  margin-top: 17% !important;
}
.margin-bottom-17p {
  margin-bottom: 17% !important;
}
.padding-18p {
  padding: 18% !important;
}
.padding-left-18p {
  padding-left: 18% !important;
}
.padding-right-18p {
  padding-right: 18% !important;
}
.padding-top-18p {
  padding-top: 18% !important;
}
.padding-bottom-18p {
  padding-bottom: 18% !important;
}
.margin-18p {
  margin: 18% !important;
}
.margin-left-18p {
  margin-left: 18% !important;
}
.margin-right-18p {
  margin-right: 18% !important;
}
.margin-top-18p {
  margin-top: 18% !important;
}
.margin-bottom-18p {
  margin-bottom: 18% !important;
}
.padding-19p {
  padding: 19% !important;
}
.padding-left-19p {
  padding-left: 19% !important;
}
.padding-right-19p {
  padding-right: 19% !important;
}
.padding-top-19p {
  padding-top: 19% !important;
}
.padding-bottom-19p {
  padding-bottom: 19% !important;
}
.margin-19p {
  margin: 19% !important;
}
.margin-left-19p {
  margin-left: 19% !important;
}
.margin-right-19p {
  margin-right: 19% !important;
}
.margin-top-19p {
  margin-top: 19% !important;
}
.margin-bottom-19p {
  margin-bottom: 19% !important;
}
.padding-20p {
  padding: 20% !important;
}
.padding-left-20p {
  padding-left: 20% !important;
}
.padding-right-20p {
  padding-right: 20% !important;
}
.padding-top-20p {
  padding-top: 20% !important;
}
.padding-bottom-20p {
  padding-bottom: 20% !important;
}
.margin-20p {
  margin: 20% !important;
}
.margin-left-20p {
  margin-left: 20% !important;
}
.margin-right-20p {
  margin-right: 20% !important;
}
.margin-top-20p {
  margin-top: 20% !important;
}
.margin-bottom-20p {
  margin-bottom: 20% !important;
}
.padding-21p {
  padding: 21% !important;
}
.padding-left-21p {
  padding-left: 21% !important;
}
.padding-right-21p {
  padding-right: 21% !important;
}
.padding-top-21p {
  padding-top: 21% !important;
}
.padding-bottom-21p {
  padding-bottom: 21% !important;
}
.margin-21p {
  margin: 21% !important;
}
.margin-left-21p {
  margin-left: 21% !important;
}
.margin-right-21p {
  margin-right: 21% !important;
}
.margin-top-21p {
  margin-top: 21% !important;
}
.margin-bottom-21p {
  margin-bottom: 21% !important;
}
.padding-22p {
  padding: 22% !important;
}
.padding-left-22p {
  padding-left: 22% !important;
}
.padding-right-22p {
  padding-right: 22% !important;
}
.padding-top-22p {
  padding-top: 22% !important;
}
.padding-bottom-22p {
  padding-bottom: 22% !important;
}
.margin-22p {
  margin: 22% !important;
}
.margin-left-22p {
  margin-left: 22% !important;
}
.margin-right-22p {
  margin-right: 22% !important;
}
.margin-top-22p {
  margin-top: 22% !important;
}
.margin-bottom-22p {
  margin-bottom: 22% !important;
}
.padding-23p {
  padding: 23% !important;
}
.padding-left-23p {
  padding-left: 23% !important;
}
.padding-right-23p {
  padding-right: 23% !important;
}
.padding-top-23p {
  padding-top: 23% !important;
}
.padding-bottom-23p {
  padding-bottom: 23% !important;
}
.margin-23p {
  margin: 23% !important;
}
.margin-left-23p {
  margin-left: 23% !important;
}
.margin-right-23p {
  margin-right: 23% !important;
}
.margin-top-23p {
  margin-top: 23% !important;
}
.margin-bottom-23p {
  margin-bottom: 23% !important;
}
.padding-24p {
  padding: 24% !important;
}
.padding-left-24p {
  padding-left: 24% !important;
}
.padding-right-24p {
  padding-right: 24% !important;
}
.padding-top-24p {
  padding-top: 24% !important;
}
.padding-bottom-24p {
  padding-bottom: 24% !important;
}
.margin-24p {
  margin: 24% !important;
}
.margin-left-24p {
  margin-left: 24% !important;
}
.margin-right-24p {
  margin-right: 24% !important;
}
.margin-top-24p {
  margin-top: 24% !important;
}
.margin-bottom-24p {
  margin-bottom: 24% !important;
}
.padding-25p {
  padding: 25% !important;
}
.padding-left-25p {
  padding-left: 25% !important;
}
.padding-right-25p {
  padding-right: 25% !important;
}
.padding-top-25p {
  padding-top: 25% !important;
}
.padding-bottom-25p {
  padding-bottom: 25% !important;
}
.margin-25p {
  margin: 25% !important;
}
.margin-left-25p {
  margin-left: 25% !important;
}
.margin-right-25p {
  margin-right: 25% !important;
}
.margin-top-25p {
  margin-top: 25% !important;
}
.margin-bottom-25p {
  margin-bottom: 25% !important;
}
.padding-26p {
  padding: 26% !important;
}
.padding-left-26p {
  padding-left: 26% !important;
}
.padding-right-26p {
  padding-right: 26% !important;
}
.padding-top-26p {
  padding-top: 26% !important;
}
.padding-bottom-26p {
  padding-bottom: 26% !important;
}
.margin-26p {
  margin: 26% !important;
}
.margin-left-26p {
  margin-left: 26% !important;
}
.margin-right-26p {
  margin-right: 26% !important;
}
.margin-top-26p {
  margin-top: 26% !important;
}
.margin-bottom-26p {
  margin-bottom: 26% !important;
}
.padding-27p {
  padding: 27% !important;
}
.padding-left-27p {
  padding-left: 27% !important;
}
.padding-right-27p {
  padding-right: 27% !important;
}
.padding-top-27p {
  padding-top: 27% !important;
}
.padding-bottom-27p {
  padding-bottom: 27% !important;
}
.margin-27p {
  margin: 27% !important;
}
.margin-left-27p {
  margin-left: 27% !important;
}
.margin-right-27p {
  margin-right: 27% !important;
}
.margin-top-27p {
  margin-top: 27% !important;
}
.margin-bottom-27p {
  margin-bottom: 27% !important;
}
.padding-28p {
  padding: 28% !important;
}
.padding-left-28p {
  padding-left: 28% !important;
}
.padding-right-28p {
  padding-right: 28% !important;
}
.padding-top-28p {
  padding-top: 28% !important;
}
.padding-bottom-28p {
  padding-bottom: 28% !important;
}
.margin-28p {
  margin: 28% !important;
}
.margin-left-28p {
  margin-left: 28% !important;
}
.margin-right-28p {
  margin-right: 28% !important;
}
.margin-top-28p {
  margin-top: 28% !important;
}
.margin-bottom-28p {
  margin-bottom: 28% !important;
}
.padding-29p {
  padding: 29% !important;
}
.padding-left-29p {
  padding-left: 29% !important;
}
.padding-right-29p {
  padding-right: 29% !important;
}
.padding-top-29p {
  padding-top: 29% !important;
}
.padding-bottom-29p {
  padding-bottom: 29% !important;
}
.margin-29p {
  margin: 29% !important;
}
.margin-left-29p {
  margin-left: 29% !important;
}
.margin-right-29p {
  margin-right: 29% !important;
}
.margin-top-29p {
  margin-top: 29% !important;
}
.margin-bottom-29p {
  margin-bottom: 29% !important;
}
.padding-30p {
  padding: 30% !important;
}
.padding-left-30p {
  padding-left: 30% !important;
}
.padding-right-30p {
  padding-right: 30% !important;
}
.padding-top-30p {
  padding-top: 30% !important;
}
.padding-bottom-30p {
  padding-bottom: 30% !important;
}
.margin-30p {
  margin: 30% !important;
}
.margin-left-30p {
  margin-left: 30% !important;
}
.margin-right-30p {
  margin-right: 30% !important;
}
.margin-top-30p {
  margin-top: 30% !important;
}
.margin-bottom-30p {
  margin-bottom: 30% !important;
}
.width-5px {
  width: 5%;
}
.border-radius-5px {
  border-radius: 5px;
}
.border-radius-5p {
  border-radius: 5%;
}
.border-top-left-radius-5p {
  border-top-left-radius: 5%;
}
.border-top-right-radius-5p {
  border-top-right-radius: 5%;
}
.border-bottom-left-radius-5p {
  border-bottom-left-radius: 5%;
}
.border-bottom-right-radius-5p {
  border-bottom-right-radius: 5%;
}
.border-top-left-radius-5px {
  border-top-left-radius: 5px;
}
.border-top-right-radius-5px {
  border-top-right-radius: 5px;
}
.border-bottom-left-radius-5px {
  border-bottom-left-radius: 5px;
}
.border-bottom-right-radius-5px {
  border-bottom-right-radius: 5px;
}
.width-10px {
  width: 10%;
}
.border-radius-10px {
  border-radius: 10px;
}
.border-radius-10p {
  border-radius: 10%;
}
.border-top-left-radius-10p {
  border-top-left-radius: 10%;
}
.border-top-right-radius-10p {
  border-top-right-radius: 10%;
}
.border-bottom-left-radius-10p {
  border-bottom-left-radius: 10%;
}
.border-bottom-right-radius-10p {
  border-bottom-right-radius: 10%;
}
.border-top-left-radius-10px {
  border-top-left-radius: 10px;
}
.border-top-right-radius-10px {
  border-top-right-radius: 10px;
}
.border-bottom-left-radius-10px {
  border-bottom-left-radius: 10px;
}
.border-bottom-right-radius-10px {
  border-bottom-right-radius: 10px;
}
.width-15px {
  width: 15%;
}
.border-radius-15px {
  border-radius: 15px;
}
.border-radius-15p {
  border-radius: 15%;
}
.border-top-left-radius-15p {
  border-top-left-radius: 15%;
}
.border-top-right-radius-15p {
  border-top-right-radius: 15%;
}
.border-bottom-left-radius-15p {
  border-bottom-left-radius: 15%;
}
.border-bottom-right-radius-15p {
  border-bottom-right-radius: 15%;
}
.border-top-left-radius-15px {
  border-top-left-radius: 15px;
}
.border-top-right-radius-15px {
  border-top-right-radius: 15px;
}
.border-bottom-left-radius-15px {
  border-bottom-left-radius: 15px;
}
.border-bottom-right-radius-15px {
  border-bottom-right-radius: 15px;
}
.width-20px {
  width: 20%;
}
.border-radius-20px {
  border-radius: 20px;
}
.border-radius-20p {
  border-radius: 20%;
}
.border-top-left-radius-20p {
  border-top-left-radius: 20%;
}
.border-top-right-radius-20p {
  border-top-right-radius: 20%;
}
.border-bottom-left-radius-20p {
  border-bottom-left-radius: 20%;
}
.border-bottom-right-radius-20p {
  border-bottom-right-radius: 20%;
}
.border-top-left-radius-20px {
  border-top-left-radius: 20px;
}
.border-top-right-radius-20px {
  border-top-right-radius: 20px;
}
.border-bottom-left-radius-20px {
  border-bottom-left-radius: 20px;
}
.border-bottom-right-radius-20px {
  border-bottom-right-radius: 20px;
}
.width-25px {
  width: 25%;
}
.border-radius-25px {
  border-radius: 25px;
}
.border-radius-25p {
  border-radius: 25%;
}
.border-top-left-radius-25p {
  border-top-left-radius: 25%;
}
.border-top-right-radius-25p {
  border-top-right-radius: 25%;
}
.border-bottom-left-radius-25p {
  border-bottom-left-radius: 25%;
}
.border-bottom-right-radius-25p {
  border-bottom-right-radius: 25%;
}
.border-top-left-radius-25px {
  border-top-left-radius: 25px;
}
.border-top-right-radius-25px {
  border-top-right-radius: 25px;
}
.border-bottom-left-radius-25px {
  border-bottom-left-radius: 25px;
}
.border-bottom-right-radius-25px {
  border-bottom-right-radius: 25px;
}
.width-30px {
  width: 30%;
}
.border-radius-30px {
  border-radius: 30px;
}
.border-radius-30p {
  border-radius: 30%;
}
.border-top-left-radius-30p {
  border-top-left-radius: 30%;
}
.border-top-right-radius-30p {
  border-top-right-radius: 30%;
}
.border-bottom-left-radius-30p {
  border-bottom-left-radius: 30%;
}
.border-bottom-right-radius-30p {
  border-bottom-right-radius: 30%;
}
.border-top-left-radius-30px {
  border-top-left-radius: 30px;
}
.border-top-right-radius-30px {
  border-top-right-radius: 30px;
}
.border-bottom-left-radius-30px {
  border-bottom-left-radius: 30px;
}
.border-bottom-right-radius-30px {
  border-bottom-right-radius: 30px;
}
.width-35px {
  width: 35%;
}
.border-radius-35px {
  border-radius: 35px;
}
.border-radius-35p {
  border-radius: 35%;
}
.border-top-left-radius-35p {
  border-top-left-radius: 35%;
}
.border-top-right-radius-35p {
  border-top-right-radius: 35%;
}
.border-bottom-left-radius-35p {
  border-bottom-left-radius: 35%;
}
.border-bottom-right-radius-35p {
  border-bottom-right-radius: 35%;
}
.border-top-left-radius-35px {
  border-top-left-radius: 35px;
}
.border-top-right-radius-35px {
  border-top-right-radius: 35px;
}
.border-bottom-left-radius-35px {
  border-bottom-left-radius: 35px;
}
.border-bottom-right-radius-35px {
  border-bottom-right-radius: 35px;
}
.width-40px {
  width: 40%;
}
.border-radius-40px {
  border-radius: 40px;
}
.border-radius-40p {
  border-radius: 40%;
}
.border-top-left-radius-40p {
  border-top-left-radius: 40%;
}
.border-top-right-radius-40p {
  border-top-right-radius: 40%;
}
.border-bottom-left-radius-40p {
  border-bottom-left-radius: 40%;
}
.border-bottom-right-radius-40p {
  border-bottom-right-radius: 40%;
}
.border-top-left-radius-40px {
  border-top-left-radius: 40px;
}
.border-top-right-radius-40px {
  border-top-right-radius: 40px;
}
.border-bottom-left-radius-40px {
  border-bottom-left-radius: 40px;
}
.border-bottom-right-radius-40px {
  border-bottom-right-radius: 40px;
}
.width-45px {
  width: 45%;
}
.border-radius-45px {
  border-radius: 45px;
}
.border-radius-45p {
  border-radius: 45%;
}
.border-top-left-radius-45p {
  border-top-left-radius: 45%;
}
.border-top-right-radius-45p {
  border-top-right-radius: 45%;
}
.border-bottom-left-radius-45p {
  border-bottom-left-radius: 45%;
}
.border-bottom-right-radius-45p {
  border-bottom-right-radius: 45%;
}
.border-top-left-radius-45px {
  border-top-left-radius: 45px;
}
.border-top-right-radius-45px {
  border-top-right-radius: 45px;
}
.border-bottom-left-radius-45px {
  border-bottom-left-radius: 45px;
}
.border-bottom-right-radius-45px {
  border-bottom-right-radius: 45px;
}
.width-50px {
  width: 50%;
}
.border-radius-50px {
  border-radius: 50px;
}
.border-radius-50p {
  border-radius: 50%;
}
.border-top-left-radius-50p {
  border-top-left-radius: 50%;
}
.border-top-right-radius-50p {
  border-top-right-radius: 50%;
}
.border-bottom-left-radius-50p {
  border-bottom-left-radius: 50%;
}
.border-bottom-right-radius-50p {
  border-bottom-right-radius: 50%;
}
.border-top-left-radius-50px {
  border-top-left-radius: 50px;
}
.border-top-right-radius-50px {
  border-top-right-radius: 50px;
}
.border-bottom-left-radius-50px {
  border-bottom-left-radius: 50px;
}
.border-bottom-right-radius-50px {
  border-bottom-right-radius: 50px;
}
.width-55px {
  width: 55%;
}
.border-radius-55px {
  border-radius: 55px;
}
.border-radius-55p {
  border-radius: 55%;
}
.border-top-left-radius-55p {
  border-top-left-radius: 55%;
}
.border-top-right-radius-55p {
  border-top-right-radius: 55%;
}
.border-bottom-left-radius-55p {
  border-bottom-left-radius: 55%;
}
.border-bottom-right-radius-55p {
  border-bottom-right-radius: 55%;
}
.border-top-left-radius-55px {
  border-top-left-radius: 55px;
}
.border-top-right-radius-55px {
  border-top-right-radius: 55px;
}
.border-bottom-left-radius-55px {
  border-bottom-left-radius: 55px;
}
.border-bottom-right-radius-55px {
  border-bottom-right-radius: 55px;
}
.width-60px {
  width: 60%;
}
.border-radius-60px {
  border-radius: 60px;
}
.border-radius-60p {
  border-radius: 60%;
}
.border-top-left-radius-60p {
  border-top-left-radius: 60%;
}
.border-top-right-radius-60p {
  border-top-right-radius: 60%;
}
.border-bottom-left-radius-60p {
  border-bottom-left-radius: 60%;
}
.border-bottom-right-radius-60p {
  border-bottom-right-radius: 60%;
}
.border-top-left-radius-60px {
  border-top-left-radius: 60px;
}
.border-top-right-radius-60px {
  border-top-right-radius: 60px;
}
.border-bottom-left-radius-60px {
  border-bottom-left-radius: 60px;
}
.border-bottom-right-radius-60px {
  border-bottom-right-radius: 60px;
}
.width-65px {
  width: 65%;
}
.border-radius-65px {
  border-radius: 65px;
}
.border-radius-65p {
  border-radius: 65%;
}
.border-top-left-radius-65p {
  border-top-left-radius: 65%;
}
.border-top-right-radius-65p {
  border-top-right-radius: 65%;
}
.border-bottom-left-radius-65p {
  border-bottom-left-radius: 65%;
}
.border-bottom-right-radius-65p {
  border-bottom-right-radius: 65%;
}
.border-top-left-radius-65px {
  border-top-left-radius: 65px;
}
.border-top-right-radius-65px {
  border-top-right-radius: 65px;
}
.border-bottom-left-radius-65px {
  border-bottom-left-radius: 65px;
}
.border-bottom-right-radius-65px {
  border-bottom-right-radius: 65px;
}
.width-70px {
  width: 70%;
}
.border-radius-70px {
  border-radius: 70px;
}
.border-radius-70p {
  border-radius: 70%;
}
.border-top-left-radius-70p {
  border-top-left-radius: 70%;
}
.border-top-right-radius-70p {
  border-top-right-radius: 70%;
}
.border-bottom-left-radius-70p {
  border-bottom-left-radius: 70%;
}
.border-bottom-right-radius-70p {
  border-bottom-right-radius: 70%;
}
.border-top-left-radius-70px {
  border-top-left-radius: 70px;
}
.border-top-right-radius-70px {
  border-top-right-radius: 70px;
}
.border-bottom-left-radius-70px {
  border-bottom-left-radius: 70px;
}
.border-bottom-right-radius-70px {
  border-bottom-right-radius: 70px;
}
.width-75px {
  width: 75%;
}
.border-radius-75px {
  border-radius: 75px;
}
.border-radius-75p {
  border-radius: 75%;
}
.border-top-left-radius-75p {
  border-top-left-radius: 75%;
}
.border-top-right-radius-75p {
  border-top-right-radius: 75%;
}
.border-bottom-left-radius-75p {
  border-bottom-left-radius: 75%;
}
.border-bottom-right-radius-75p {
  border-bottom-right-radius: 75%;
}
.border-top-left-radius-75px {
  border-top-left-radius: 75px;
}
.border-top-right-radius-75px {
  border-top-right-radius: 75px;
}
.border-bottom-left-radius-75px {
  border-bottom-left-radius: 75px;
}
.border-bottom-right-radius-75px {
  border-bottom-right-radius: 75px;
}
.width-80px {
  width: 80%;
}
.border-radius-80px {
  border-radius: 80px;
}
.border-radius-80p {
  border-radius: 80%;
}
.border-top-left-radius-80p {
  border-top-left-radius: 80%;
}
.border-top-right-radius-80p {
  border-top-right-radius: 80%;
}
.border-bottom-left-radius-80p {
  border-bottom-left-radius: 80%;
}
.border-bottom-right-radius-80p {
  border-bottom-right-radius: 80%;
}
.border-top-left-radius-80px {
  border-top-left-radius: 80px;
}
.border-top-right-radius-80px {
  border-top-right-radius: 80px;
}
.border-bottom-left-radius-80px {
  border-bottom-left-radius: 80px;
}
.border-bottom-right-radius-80px {
  border-bottom-right-radius: 80px;
}
.width-85px {
  width: 85%;
}
.border-radius-85px {
  border-radius: 85px;
}
.border-radius-85p {
  border-radius: 85%;
}
.border-top-left-radius-85p {
  border-top-left-radius: 85%;
}
.border-top-right-radius-85p {
  border-top-right-radius: 85%;
}
.border-bottom-left-radius-85p {
  border-bottom-left-radius: 85%;
}
.border-bottom-right-radius-85p {
  border-bottom-right-radius: 85%;
}
.border-top-left-radius-85px {
  border-top-left-radius: 85px;
}
.border-top-right-radius-85px {
  border-top-right-radius: 85px;
}
.border-bottom-left-radius-85px {
  border-bottom-left-radius: 85px;
}
.border-bottom-right-radius-85px {
  border-bottom-right-radius: 85px;
}
.width-90px {
  width: 90%;
}
.border-radius-90px {
  border-radius: 90px;
}
.border-radius-90p {
  border-radius: 90%;
}
.border-top-left-radius-90p {
  border-top-left-radius: 90%;
}
.border-top-right-radius-90p {
  border-top-right-radius: 90%;
}
.border-bottom-left-radius-90p {
  border-bottom-left-radius: 90%;
}
.border-bottom-right-radius-90p {
  border-bottom-right-radius: 90%;
}
.border-top-left-radius-90px {
  border-top-left-radius: 90px;
}
.border-top-right-radius-90px {
  border-top-right-radius: 90px;
}
.border-bottom-left-radius-90px {
  border-bottom-left-radius: 90px;
}
.border-bottom-right-radius-90px {
  border-bottom-right-radius: 90px;
}
.width-95px {
  width: 95%;
}
.border-radius-95px {
  border-radius: 95px;
}
.border-radius-95p {
  border-radius: 95%;
}
.border-top-left-radius-95p {
  border-top-left-radius: 95%;
}
.border-top-right-radius-95p {
  border-top-right-radius: 95%;
}
.border-bottom-left-radius-95p {
  border-bottom-left-radius: 95%;
}
.border-bottom-right-radius-95p {
  border-bottom-right-radius: 95%;
}
.border-top-left-radius-95px {
  border-top-left-radius: 95px;
}
.border-top-right-radius-95px {
  border-top-right-radius: 95px;
}
.border-bottom-left-radius-95px {
  border-bottom-left-radius: 95px;
}
.border-bottom-right-radius-95px {
  border-bottom-right-radius: 95px;
}
.width-100px {
  width: 100%;
}
.border-radius-100px {
  border-radius: 100px;
}
.border-radius-100p {
  border-radius: 100%;
}
.border-top-left-radius-100p {
  border-top-left-radius: 100%;
}
.border-top-right-radius-100p {
  border-top-right-radius: 100%;
}
.border-bottom-left-radius-100p {
  border-bottom-left-radius: 100%;
}
.border-bottom-right-radius-100p {
  border-bottom-right-radius: 100%;
}
.border-top-left-radius-100px {
  border-top-left-radius: 100px;
}
.border-top-right-radius-100px {
  border-top-right-radius: 100px;
}
.border-bottom-left-radius-100px {
  border-bottom-left-radius: 100px;
}
.border-bottom-right-radius-100px {
  border-bottom-right-radius: 100px;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.bg-light {
  background-color: $ #f6f8ff;
}
.bg-mid {
  background-color: #ecf8f9;
}
.bg-dark {
  background-color: rgba(0,0,0,0.6);
}
.ugly-border {
  border: 3px solid #9ACD32;
}
.container {
  width: 100%;
  text-align: center;
  font-size: 1em;
  min-height: 300px;
  background: #fff;
  display: grid;
  grid-template-areas: "b-home" "b-what" "b-bene" "b-cour" "b-inst" "b-revw" "b-vide" "b-cont";
}
.nested-content-2-1-sifu {
  padding-top: 1%;
  color: #000;
  height: auto;
  margin: 0%;
  padding: 5%;
  grid-area: ng-21s;
  text-align: center;
}
@media (min-width: 981px) {
  .nested-content-2-1-sifu {
    padding-top: 1%;
    text-align: right;
    display: flex;
    align-items: center;
  }
}
.nested-content-2-2-sifu {
  color: #000;
  height: auto;
  grid-area: ng-22s;
  margin: 0%;
  padding: 5%;
  padding-top: 5%;
  text-align: left;
}
@media (min-width: 981px) {
  .nested-content-2-2-sifu {
    text-align: left;
    padding-left: 20%;
  }
}
.nested-grid-2-sifu {
  text-align: center;
  font-size: 1em;
  min-height: 5em;
  width: 100%;
  display: grid;
  grid-template-areas: "ng-21s ng-22s";
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center;
  border-bottom: 2px solid #ddd;
  border-radius: 1px;
  max-width: 95%;
  margin-left: 2.5%;
}
@media (min-width: 981px) {
  .nested-grid-2-sifu {
    background-attachment: fixed;
    max-width: 50%;
    margin-left: 25%;
  }
}
.nested-grid-2-sifu-add {
  text-align: center;
  font-size: 1em;
  min-height: 10em;
  width: 100%;
  border-radius: 1px;
  max-width: 95%;
  margin-left: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
@media (min-width: 981px) {
  .nested-grid-2-sifu-add {
    background-attachment: fixed;
    max-width: 30%;
    margin-left: 36%;
  }
}
.nested-content-2-1 {
  color: #000;
  height: auto;
  margin: 0%;
  padding: 5%;
  padding-top: 1%;
  text-align: left;
  grid-area: ng-21;
}
.nested-content-2-2 {
  color: #000;
  height: auto;
  margin: 0%;
  padding: 5%;
  grid-area: ng-22;
  padding-top: 5%;
}
.nested-grid-2 {
  text-align: center;
  font-size: 1em;
  min-height: 5em;
  width: 100%;
  display: grid;
  grid-template-areas: "ng-21" "ng-22";
  grid-template-columns: 2fr 1fr;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center;
}
@media (min-width: 320px) and (orientation: landscape) {
  .nested-grid-2 {
    text-align: center;
    grid-template-areas: "ng-21 ng-22";
    grid-template-columns: 2fr 1fr;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: static;
    background-position: center;
    align-items: center;
    min-height: 0;
  }
}
@media (min-width: 981px) {
  .nested-grid-2 {
    text-align: center;
    grid-template-areas: "ng-21 ng-22";
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: static;
    background-position: center;
    align-items: center;
    min-height: 0;
  }
}
.nested-boxes-blog {
  color: #000;
  min-height: 0em;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.2);
  transition: 0.5s;
  border-bottom: 2px solid #ddd;
  border-radius: 1px;
}
.nested-grid-blog {
  text-align: center;
  font-size: 1em;
  display: grid;
  grid-template-columns: 1fr;
  background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0)), url("#");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center;
  padding-left: 15%;
  padding-right: 15%;
  padding-bottom: 5%;
}
@media (min-width: 320px) and (orientation: landscape) {
  .nested-grid-blog {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 981px) {
  .nested-grid-blog {
    grid-template-columns: 1fr 1fr;
  }
}
.nested-boxes {
  background-color: #fff;
  color: #000;
  min-height: 350px;
  padding: 30px;
  margin: 10px;
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.5s;
  border-radius: 18px;
  text-align: left;
}
.nested-grid {
  text-align: center;
  font-size: 1em;
  min-height: 300px;
  width: 100%;
  display: grid;
  background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0)), url("#");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center;
  grid-template-columns: 1fr;
  z-index: 99;
  margin-top: -150px;
}
@media (min-width: 981px) {
  .nested-grid {
    position: absolute;
    left: 3%;
    right: 0;
    width: 94%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1000px) {
  .nested-grid {
    position: absolute;
    left: 7.5%;
    right: 0;
    width: 85%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.nested-grid-new {
  text-align: center;
  font-size: 1em;
  min-height: 300px;
  width: 100%;
  display: grid;
  background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0)), url("#");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center;
  grid-template-columns: 1fr;
}
@media (min-width: 981px) {
  .nested-grid-new {
    position: absolute;
    left: 3%;
    right: 0;
    width: 94%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1000px) {
  .nested-grid-new {
    position: absolute;
    left: 7.5%;
    right: 0;
    width: 85%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.grid-col-2-23-detailed {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-col-2-detail {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 2em;
}
@media (min-width: 981px) {
  .grid-col-2-detail {
    grid-template-columns: 1fr 2fr;
  }
}
.grid-col-3-course {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 981px) {
  .grid-col-3-course {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.sec-content-dark {
  background-color: rgba(0,0,0,0.6);
  color: $bg-dark-color;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-dark {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-dark {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-mid {
  background-color: #ecf8f9;
  color: $bg-mid-color;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-mid {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-mid {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-light {
  background-color: $ #f6f8ff;
  color: $bg-light-color;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-light {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-light {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-header {
  background-color: rgba(0,0,0,0.6);
  color: $bg-dark-color;
  min-height: 5em;
  background-image: linear-gradient(180deg, rgba(0,16,72,0.6), rgba(0,16,72,0.6)), url("https://blog.wattsense.com/content/images/2020/04/proptechs-smart-buildings.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center-bottom;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-header {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-header {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-footer {
  background-color: rgba(0,0,0,0.6);
  color: $bg-dark-color;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: center-bottom;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-footer {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-footer {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-1 {
  background-color: #ecf8f9;
  color: #fff;
  min-height: 6em;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-1 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-1 {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-5 {
  background-color: #fff;
  color: #000;
  min-height: 20em;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-5 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-5 {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-7 {
  background-color: #fff;
  color: #000;
  min-height: 20em;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-7 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-7 {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.sec-content-9 {
  background-color: #fff;
  color: #000;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-9 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: $global-vertical-padding-tablet;
    padding-bottom: $global-vertical-padding-tablet;
  }
}
@media (min-width: 1000px) {
  .sec-content-9 {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.ng-11,
.ng2-11 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-11,
  .ng2-11 {
    grid-template-columns: 1fr 1fr;
  }
}
.ng-11,
.ng2-11 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-11,
  .ng2-11 {
    grid-template-columns: 1fr 1fr;
  }
}
.ng-21,
.ng2-11 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-21,
  .ng2-11 {
    grid-template-columns: 2fr 1fr;
  }
}
.ng-12,
.ng2-11 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-12,
  .ng2-11 {
    grid-template-columns: 1fr 2fr;
  }
}
.ng-12,
.ng2-12 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-12,
  .ng2-12 {
    grid-template-columns: 1fr 2fr;
  }
}
.ng-21,
.ng2-21 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-21,
  .ng2-21 {
    grid-template-columns: 2fr 1fr;
  }
}
.ng-22,
.ng2-21 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-22,
  .ng2-21 {
    grid-template-columns: 2fr 2fr;
  }
}
.ng-22,
.ng2-21 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-22,
  .ng2-21 {
    grid-template-columns: 2fr 2fr;
  }
}
.ng-13,
.ng2-13 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-13,
  .ng2-13 {
    grid-template-columns: 1fr 3fr;
  }
}
.ng-31,
.ng2-31 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-31,
  .ng2-31 {
    grid-template-columns: 3fr 1fr;
  }
}
.ng-23,
.ng2-31 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-23,
  .ng2-31 {
    grid-template-columns: 2fr 3fr;
  }
}
.ng-32,
.ng2-31 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-32,
  .ng2-31 {
    grid-template-columns: 3fr 2fr;
  }
}
.ng-14,
.ng2-14 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-14,
  .ng2-14 {
    grid-template-columns: 1fr 4fr;
  }
}
.ng-41,
.ng2-41 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-41,
  .ng2-41 {
    grid-template-columns: 4fr 1fr;
  }
}
.ng-24,
.ng2-41 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-24,
  .ng2-41 {
    grid-template-columns: 2fr 4fr;
  }
}
.ng-42,
.ng2-41 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-42,
  .ng2-41 {
    grid-template-columns: 4fr 2fr;
  }
}
.ng-15,
.ng2-15 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-15,
  .ng2-15 {
    grid-template-columns: 1fr 5fr;
  }
}
.ng-51,
.ng2-51 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-51,
  .ng2-51 {
    grid-template-columns: 5fr 1fr;
  }
}
.ng-25,
.ng2-51 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-25,
  .ng2-51 {
    grid-template-columns: 2fr 5fr;
  }
}
.ng-52,
.ng2-51 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1000px) {
  .ng-52,
  .ng2-51 {
    grid-template-columns: 5fr 2fr;
  }
}
.ng-11-fix,
.ng2-11-fix {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1000px) {
  .ng-11-fix,
  .ng2-11-fix {
    grid-template-columns: 1fr 1fr;
  }
}
.ng-12-fix,
.ng2-12-fix {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (min-width: 1000px) {
  .ng-12-fix,
  .ng2-12-fix {
    grid-template-columns: 1fr 2fr;
  }
}
.ng-13-fix,
.ng2-13-fix {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media (min-width: 1000px) {
  .ng-13-fix,
  .ng2-13-fix {
    grid-template-columns: 1fr 3fr;
  }
}
.ng-14-fix,
.ng2-14-fix {
  display: grid;
  grid-template-columns: 1fr 4fr;
}
@media (min-width: 1000px) {
  .ng-14-fix,
  .ng2-14-fix {
    grid-template-columns: 1fr 4fr;
  }
}
.ng-15-fix,
.ng2-15-fix {
  display: grid;
  grid-template-columns: 1fr 5fr;
}
@media (min-width: 1000px) {
  .ng-15-fix,
  .ng2-15-fix {
    grid-template-columns: 1fr 5fr;
  }
}
.ng-51-fix,
.ng2-51-fix {
  display: grid;
  grid-template-columns: 5fr 1fr;
}
@media (min-width: 1000px) {
  .ng-51-fix,
  .ng2-51-fix {
    grid-template-columns: 5fr 1fr;
  }
}
.ng-25-fix,
.ng2-51-fix {
  display: grid;
  grid-template-columns: 2fr 5fr;
}
@media (min-width: 1000px) {
  .ng-25-fix,
  .ng2-51-fix {
    grid-template-columns: 2fr 5fr;
  }
}
.ng-52-fix,
.ng2-51-fix {
  display: grid;
  grid-template-columns: 5fr 2fr;
}
@media (min-width: 1000px) {
  .ng-52-fix,
  .ng2-51-fix {
    grid-template-columns: 5fr 2fr;
  }
}
.ng2-11-sifu {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-col-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.grid-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-col-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-col-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-col-5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-col-6 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
header.duo-navbar,
nav.duo-navbar {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  position: fixed;
}
header.duo-navbar {
  padding-left: 15%;
  padding-right: 15%;
  background-color: #fff;
  height: 180px;
  display: flex;
  justify-content: space-between;
}
header.duo-navbar a {
  text-decoration: none;
}
@media (min-width: 320px) and (orientation: landscape) {
  header.duo-navbar {
    height: 70px;
  }
}
@media (min-width: 1000px) {
  header.duo-navbar {
    height: 100px;
  }
}
#brand {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#brand a {
  color: #09c372;
  font-size: 1.5em;
  line-height: 3em;
}
#hamburger-icon {
  margin: auto 0;
  display: none;
  cursor: pointer;
  font-size: 1.5em;
  margin-top: 1em;
}
@media (min-width: 320px) and (orientation: landscape) {
  #hamburger-icon {
    font-size: 0.9em;
    margin-top: 1em;
  }
}
#hamburger-icon div {
  transition: 0.4s;
}
.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}
.open .bar2 {
  opacity: 0;
}
.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -8px);
  transform: rotate(45deg) translate(-6px, -8px);
}
ul.duo-navbar {
  list-style: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
ul.duo-navbar a {
  color: #000;
}
li.duo-navbar-mobile-links a {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 1.1em;
  line-height: 2em;
}
ul.duo-navbar li {
  padding: 5px;
  margin-left: 10px;
  line-height: 2em;
}
ul.duo-navbar li:hover {
  transform: scale(1.1);
  transition: 0.3s;
}
#login,
#signup {
  border-radius: 5px;
  padding: 5px 8px;
}
#login {
  border: 1px solid #498afb;
}
#signup {
  border: 1px solid #ff3860;
}
#signup a {
  color: #ff3860;
}
#login a {
  color: #498afb;
}
.mobile-menu {
  display: none; /* to make default menu hidden */
  position: absolute;
  top: 0px;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: 0.2;
  background-color: rgba(0,0,0,0.8);
  grid-template-columns: auto auto;
}
.mobile-menu-list {
  list-style: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
}
.open .mobile-menu {
  position: fixed;
  display: grid;
  grid-template-columns: 3fr 2fr;
  inset: 1;
  z-index: 100;
}
.mobile-menu li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1800px) {
  header nav {
    display: none;
  }
  #hamburger-icon {
    display: block;
  }
}
.nav-brand-logo {
  height: 120px;
  margin-top: 30px;
}
@media (min-width: 981px) {
  .nav-brand-logo {
    height: 85px;
    margin-top: 15px;
  }
}
@media (min-width: 320px) and (orientation: landscape) {
  .nav-brand-logo {
    height: 40px;
    margin-top: 20px;
  }
}
@media (min-width: 1000px) {
  .nav-brand-logo {
    height: 85px;
    margin-top: 15px;
  }
}
.block-home {
  padding-top: 5%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  padding-top: 5%;
  padding-bottom: 0%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  grid-area: b-home;
}
.block-what {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-what;
}
.block-benefit {
  padding-top: 5%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-bene;
}
.block-courses {
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-cour;
}
.block-instructor {
  padding-top: 0;
  padding-bottom: 5%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-inst;
}
.block-testimonial {
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-revw;
}
.block-video {
  padding-top: 0%;
  padding-bottom: 5%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-vide;
}
.block-contacts {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  grid-area: b-cont;
}
.sec-footer {
  padding-left: 5%;
  padding-right: 5%;
  background-color: #1f1f1f;
  color: #fff;
  min-height: 6em;
  grid-area: foot;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: bottom;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-footer {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-footer {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 981px) {
  .sec-footer {
    background-attachment: fixed;
  }
}
.sec-header-detail {
  background-color: #000;
  color: #fff;
  min-height: 20em;
  padding: 10px;
  grid-area: head;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: top;
  padding-left: 5%;
  padding-right: 5%;
}
@media (min-width: 981px) {
  .sec-header-detail {
    min-height: 25em;
    background-attachment: fixed;
  }
}
@media (min-width: 1000px) {
  .sec-header-detail {
    min-height: 25em;
    background-attachment: fixed;
    padding-left: 15%;
    padding-right: 15%;
  }
}
.sec-header {
  padding-left: 5%;
  padding-right: 5%;
  min-height: 35em !important;
  background-color: #000;
  color: #fff;
  padding: 10px;
  grid-area: head;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: top;
}
@media (min-width: 981px) {
  .sec-header {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-header {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 320px) and (orientation: landscape) {
  .sec-header {
    min-height: 30em;
  }
}
@media (min-width: 981px) {
  .sec-header {
    min-height: 25em !important;
    background-attachment: fixed;
  }
}
@media (min-width: 1000px) {
  .sec-header {
    min-height: 40em !important;
    background-attachment: fixed;
  }
}
.sec-nav {
  background-color: #000;
  color: #fff;
  min-height: 6em;
  grid-area: navi;
  margin-top: 0px;
  padding: 10%;
}
.sec-content-3 {
  padding-left: 5%;
  padding-right: 5%;
  background-color: #ecf8f9;
  color: #000;
  min-height: 77em;
  text-align: left;
}
@media (min-width: 981px) {
  .sec-content-3 {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-content-3 {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 320px) and (orientation: landscape) {
  .sec-content-3 {
    min-height: 34em;
  }
}
@media (min-width: 981px) {
  .sec-content-3 {
    min-height: 28em;
  }
}
.sec-content-10 {
  padding-left: 5%;
  padding-right: 5%;
  padding: 30px;
  padding-bottom: auto;
  background-color: #fff;
  color: #000;
}
@media (min-width: 981px) {
  .sec-content-10 {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-content-10 {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.sec-content-11 {
  padding-left: 5%;
  padding-right: 5%;
  background-color: #fff;
  color: #000;
}
@media (min-width: 981px) {
  .sec-content-11 {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-content-11 {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.sec-content-x,
.sec-content-4 {
  padding-left: 5%;
  padding-right: 5%;
  color: #fff;
  text-shadow: 2px 2px 7px #000;
  height: 20em;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: static;
  background-position: bottom;
}
@media (min-width: 981px) {
  .sec-content-x,
  .sec-content-4 {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-content-x,
  .sec-content-4 {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 981px) {
  .sec-content-x,
  .sec-content-4 {
    min-height: 20em;
    background-attachment: fixed;
  }
}
.sec-content-y {
  padding-left: 5%;
  padding-right: 5%;
  background-color: #fff;
  color: #000;
  min-height: 10em;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media (min-width: 981px) {
  .sec-content-y {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 1000px) {
  .sec-content-y {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.sec-title-box-2 {
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: fit-content;
  padding: 25px;
  border-radius: 15pxW;
  text-align: center;
}
@media (min-width: 981px) {
  .sec-title-box-2 {
    width: 100%;
    height: fit-content;
    padding: 25px;
  }
}
.sec-title-box {
  font-size: 70px;
  text-align: center;
  justify-content: center;
  align-self: center;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.6);
  opacity: 0.95;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: none;
  background-origin: padding-box;
  background-clip: border-box;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  padding-left: 15px;
  padding-right: 15px;
  width: 90%;
  padding: 2%;
  margin-top: -20px;
}
@media (min-width: 981px) {
  .sec-title-box {
    width: 90%;
  }
}
@media (min-width: 1000px) {
  .sec-title-box {
    width: 90%;
  }
}
.sec-testimonial {
  opacity: 0.75;
  text-align: left;
  color: #fff;
}
.sec-title {
  line-height: 1;
  text-align: center;
  font-family: 'Balthazar', serif;
  font-size: 85px;
  font-weight: 500;
  line-height: 85px;
  margin-top: 0px;
  margin-bottom: 0px;
  flex-basis: 75%;
  color: #fff;
}
@media (min-width: 320px) and (orientation: landscape) {
  .sec-title {
    font-size: 40px;
  }
}
@media (min-width: 981px) {
  .sec-title {
    font-size: 50px;
  }
}
.li-nav {
  list-style: none;
  display: inline-block;
  padding-right: 40px;
}
.li-nav a {
  text-decoration: none;
  color: #000;
}
#logo {
  float: left;
  margin-left: 15%;
  margin-top: 1%;
  margin-bottom: 1%;
  align-items: center;
}
thead tr.listtable-row td {
  font-weight: 600;
  text-align: center;
}
.horizontal-scroll-phone {
  overflow-x: scroll;
}
table.listtable {
  min-width: 54em;
  width: 100%;
  border-collapse: collapse;
}
.detail-page-table {
  width: 100%;
  border-collapse: collapse;
}
.detail-page-tr,
.detail-page-td {
  border: 1px #000 solid;
  padding: 0.4em 0.5em;
}
.detail-page-key {
  background-color: #9ACD32;
  font-weight: 600;
}
td.listtable-key-name,
td.listtable-row {
  max-width: 15em;
}
.listtable thead {
  background-color: #9ACD32;
}
tr.listtable-row,
.listtable-row td {
  border: 1px #000 solid;
  padding: 0.4em 0.5em;
}
table.paleBlueRows {
  font-family: "Times New Roman", Times, serif;
  background-color: #fff;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.paleBlueRows td,
table.paleBlueRows th {
  padding: 1em 2px;
}
table.paleBlueRows tr:nth-child(even) {
  background: #dfe8ff;
}
table.paleBlueRows thead {
  background: #7e7dab;
  border-bottom: 5px solid #fff;
}
table.paleBlueRows thead th {
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-left: 2px solid #fff;
}
table.paleBlueRows thead th:first-child {
  border-left: none;
}
table.paleBlueRows tfoot td {
  font-size: 14px;
}
body {
  margin: 0px;
  font-family: Roboto, sans-serif;
}
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  line-height: 1.4 !important;
  font-weight: 700;
  font-size: 2em;
  font-family: 'Balthazar', serif;
}
@media (min-width: 320px) and (orientation: landscape) {
  h2,
  h3,
  h4,
  h5,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5 {
    font-size: 2em;
  }
}
@media (min-width: 981px) {
  h2,
  h3,
  h4,
  h5,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5 {
    line-height: 1.4;
  }
}
body,
p,
dd,
dt,
ol,
dl,
li,
th,
tr,
td {
  line-height: 1.5 !important;
  font-size: 1.5em;
  font-weight: 500;
  font-family: Roboto, sans-serif;
}
@media (min-width: 320px) and (orientation: landscape) {
  body,
  p,
  dd,
  dt,
  ol,
  dl,
  li,
  th,
  tr,
  td {
    font-size: 1.1em;
  }
}
@media (min-width: 981px) {
  body,
  p,
  dd,
  dt,
  ol,
  dl,
  li,
  th,
  tr,
  td {
    line-height: 1.2 !important;
    font-size: 1.1em !important;
  }
}
a {
  color: #0000b4;
  text-decoration: underline;
  font-weight: 700 !important;
  font-family: Roboto, sans-serif;
}
.no-min-width {
  min-width: 0 !important;
}
p.read-more {
  text-align: right !important;
  margin-block: 0;
  margin-inline: 0;
  text-decoration: underline;
}
.read-more a button {
  border: none;
  background-color: #fff !important;
  color: #0000b4;
  font-size: larger;
  cursor: pointer;
  text-align: right;
  padding: 0;
}
blockquote {
  border-left: 5px solid #9ACD32;
  padding: 20px;
  margin: 0px;
  background-color: #f3f3f3;
}
blockquote h3 {
  margin-block: 0em;
  font-size: 40px;
}
@media (min-width: 981px) {
  blockquote h3 {
    font-size: 27px;
  }
}
homebox p,
homebox ul,
homebox ul li p {
  margin: 0.5em 0px 0.5em;
}
@media (min-width: 320px) and (orientation: landscape) {
  homebox p,
  homebox ul,
  homebox ul li p {
    font-size: 1.1em;
  }
}
th,
tr,
td {
  font-size: xx-large;
  -webkit-text-size-adjust: none;
}
@media (min-width: 320px) and (orientation: landscape) {
  th,
  tr,
  td {
    font-size: inherit;
  }
}
@media (min-width: 981px) {
  th,
  tr,
  td {
    font-size: xx-large;
  }
}
h1 {
  font-size: 100px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  font-weight: 400;
  font-family: 'Balthazar', serif;
  text-shadow: 2px 2px 4px #19270d;
  color: #fff;
}
@media (min-width: 320px) and (orientation: landscape) {
  h1 {
    font-size: 50px;
  }
}
@media (min-width: 981px) {
  h1 {
    font-size: 50px;
  }
}
.under-h1 {
  margin: auto;
  font-size: 40px;
  text-shadow: 2px 2px 4px #19270d;
  font-family: Roboto, sans-serif;
}
@media (min-width: 320px) and (orientation: landscape) {
  .under-h1 {
    font-size: 20px;
  }
}
@media (min-width: 981px) {
  .under-h1 {
    margin: 0em;
    font-size: 20px;
  }
}
h2 {
  margin: 0;
  font-weight: bold;
  font-size: 2.5em;
}
h3 {
  margin-block-start: 0em;
}
.button-tab h4 {
  font-size: 1.3em;
  text-align: left;
}
@media (min-width: 981px) {
  .button-tab h4 {
    border-radius: 5px;
    font-size: 1em;
    text-align: center;
  }
}
dt {
  font-weight: 500;
}
p {
  font-family: Roboto, sans-serif;
}
li p {
  margin-top: 1em;
  color: #000;
  font-size: 1.3em;
}
.min-h-30 {
  min-height: 30em;
}
.no-lh {
  line-height: 1;
}
.no-m {
  margin: 0;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.a-left {
  text-align: left;
}
.wrapper-stb2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  height: 300px;
  color: #fff;
}
.all-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  height: 100%;
}
#login-password-value,
#login-username-value {
  width: 100%;
  height: 2em;
  font-size: 1.5em;
  border: #8b8b8b 2px solid;
  box-sizing: border-box;
  padding: 0.5em;
  border-radius: 10px;
  margin: 0.3em 0em;
}
.login-wrapper .nav-brand-logo {
  height: 130px;
  margin-top: 0px;
}
@media (min-width: 981px) {
  .login-wrapper .nav-brand-logo {
    height: 110px;
    margin-top: 0px;
  }
}
@media (min-width: 320px) and (orientation: landscape) {
  .login-wrapper .nav-brand-logo {
    height: 110px;
    margin-top: 0px;
  }
}
@media (min-width: 1000px) {
  .login-wrapper .nav-brand-logo {
    height: 110px;
    margin-top: 0px;
  }
}
.logo-login {
  width: fit-content;
  align-self: center;
}
.bg-wrapper {
  height: 100vh;
  width: 100%;
  background-color: #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(180deg, rgba(3,37,32,0.3), rgba(3,37,32,0.3)), url("/app/resources/_assets/images/home_images/home_bg1.jpg");
  background-size: cover;
}
.login-wrapper {
  display: flex;
  flex-direction: column;
  width: 75%;
  background-color: rgba(255,255,255,0.878);
  padding: 5%;
  border-radius: 10px;
}
@media (min-width: 981px) {
  .login-wrapper {
    width: 25%;
  }
}
.login-wrapper h3 {
  font-size: 2.5em;
  margin-block-start: 1em;
}
.login-wrapper form div label {
  font-size: 1.5em;
}
button#login-button {
  font-size: 1.1em;
}
.float-mode {
  position: fixed;
  right: 0%;
  background-color: #9ACD32;
  padding: 5px 28px;
  height: 5.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.float-mode h3,
.float-mode p {
  margin: 0;
}
.sec-content-table-detailed {
  background-color: $ #f6f8ff;
  color: $bg-light-color;
  text-align: left;
  padding-left: 10%;
  padding-right: 10%;
}
@media (min-width: 981px) {
  .sec-content-table-detailed {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 1000px) {
  .sec-content-table-detailed {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.detail-table-key {
  background-color: transparent;
  display: inline-grid;
  align-items: center;
  padding-left: 1em;
  color: #4b4b4b;
  font-size: 1.1em;
}
.detail-table-key p {
  line-height: 1.2 !important;
}
@media (min-width: 320px) and (orientation: landscape) {
  .detail-table-key {
    text-align: right;
    font-size: 0.8em;
  }
}
@media (min-width: 981px) {
  .detail-table-key {
    background-color: transparent;
    font-size: 0.8em;
  }
}
.detail-table-value {
  background-color: transparent;
  display: inline-grid;
  align-items: center;
  text-align: left;
  align-items: center;
  overflow-wrap: anywhere;
  font-size: 1.5em;
}
.detail-table-value p {
  line-height: 1.2 !important;
}
@media (min-width: 320px) and (orientation: landscape) {
  .detail-table-value {
    background-color: transparent;
    text-align: left;
    font-size: 1.1em;
  }
}
@media (min-width: 981px) {
  .detail-table-value {
    font-size: 1.2em;
  }
}
@media (min-width: 320px) and (orientation: landscape) {
  whatcontent p img {
    width: 15em;
    height: 15em;
  }
}
@media (min-width: 981px) {
  whatcontent p img {
    width: 250px;
    height: 250px;
    margin-left: 0%;
  }
}
.sifu-img {
  height: 100%;
  padding-top: 5px;
  border-radius: 50%;
  width: 300px;
  height: 300px;
}
@media (min-width: 320px) and (orientation: landscape) {
  .sifu-img {
    width: 15em;
    height: 15em;
    margin-left: 50%;
  }
}
@media (min-width: 981px) {
  .sifu-img {
    width: 170px;
    height: 170px;
    margin-left: 0%;
  }
}
.sifu-img-detail {
  height: 100%;
  border-radius: 50%;
  width: 25vw;
  height: 25vw;
  border: #fff solid 6px;
}
@media (min-width: 981px) {
  .sifu-img-detail {
    width: 250px;
    height: 250px;
  }
}
.sifu-img-detail-frame {
  margin-top: -7em;
}
@media (min-width: 981px) {
  .sifu-img-detail-frame {
    margin-top: -10em;
  }
}
.button-tab {
  border-radius: 5px 5px 0px 0px !important;
}
.button-tab h4 {
  font-size: 1.3em;
  text-align: left;
}
@media (min-width: 981px) {
  .button-tab h4 {
    border-radius: 5px;
    font-size: 1em;
    text-align: center;
  }
}
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color: transparent;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  width: 94%;
  margin-left: 3%;
  text-align: left;
  justify-content: center;
  flex-direction: row;
  align-content: center;
}
.tab h2 {
  color: #000;
}
.tab button {
  align: center;
  background-color: #9ACD32;
  float: left;
  cursor: pointer;
  padding: 10px 15px;
  transition-duration: 0.4s;
  color: #000;
  font-weight: bold;
  border: 0px solid #fff;
  border-color: #9ACD32;
  border-style: solid;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: -10px;
  width: auto;
  font-size: 1.5em;
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.2);
}
.tab button:hover {
  background-color: #ddd;
}
.tab button:active {
  background-color: #fff;
  color: #000;
}
@media (min-width: 320px) and (orientation: landscape) {
  .tab h2 {
    font-size: 2em;
  }
  .tab button {
    font-size: 1em;
  }
}
@media (min-width: 981px) {
  .tab button {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 1px;
    text-align: center;
    font-size: 1.5em;
  }
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.sec-content-tab {
  border: 2px solid #9ACD32;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: -1px;
  padding: 5%;
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.2);
  text-align: inherit;
  border-radius: 20px;
}
.testi-sec-wrapper {
  grid-gap: 20px;
}
.testi-card-wrapper {
  border-radius: 10px;
  padding: 10%;
  box-shadow: 2px 4px 15px #e8e8e8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testi-text {
  text-align: center;
}
.testi-name {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
img.testi-img {
  width: 2em;
  border-radius: 50%;
}
/* Here's what imported from moloov-stylus
@import widget-admin
@import widget-testimonial
@import variables
@import buttons
@import colors
@import typography
@import grid
@import sec-content-blocks
@import navbar
@import table
@import widget-detail
@import widget-tab 
*/
.buttons-interact {
  position: absolute;
  margin: 0 -2px;
  padding: 15px 6px;
  right: 2px;
  display: flex;
  flex-wrap: wrap;
  top: 0;
  max-width: 85%;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  z-index: 1;
  flex-direction: column;
  list-style: none;
}
p.pop-up-submit.text-center {
  margin: 0;
}
.list-dropdown-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1em;
}
.main-search i.fa.fa-filter {
  font-size: 1.5em;
}
.expired {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: #808080;
  filter: grayscale(100%);
  background-color: #f5f5f5;
}
.expired2 {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: #808080;
  filter: grayscale(100%);
  background-color: #f5f5f5;
}
.expired2 h4,
.expired2 p {
  text-decoration: line-through;
}
button.text-center.detail-register {
  font-size: 30px !important;
}
@media (min-width: 981px) {
  button.text-center.detail-register {
    font-size: 0.9em !important;
  }
}
textarea.textarea-detailed.background {
  min-height: 8em;
}
.grid-hori-center {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media (min-width: 981px) {
  .grid-hori-center {
    grid-template-columns: 13em 1fr;
  }
}
.input-global-text {
  text-align: left;
  font-size: 40px !important;
  padding: 6px 10px;
  border-radius: 5px;
}
@media (min-width: 981px) {
  .input-global-text {
    text-align: left;
    font-size: 18px !important;
    padding: 6px 10px;
    border-radius: 5px;
  }
}
ul.sug-list-ul.sug-list-inst-ul {
  width: 16em;
  z-index: 0;
}
li.sug-list-li.sug-list-flex {
  display: flex;
  align-items: center;
  gap: 1em;
}
.sug-list-li {
  padding: 0.5em 0;
  padding-left: 1em;
}
img.inst-sug-img {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 50%;
}
li.sug-list-li.sug-list-flex:hover {
  background-color: #eee !important;
}
ul.sug-list-ul.sug-list-inst-ul {
  width: 16em;
}
li.sug-list-li.sug-list-flex {
  display: flex;
  align-items: center;
  gap: 1em;
}
img.inst-sug-img {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 50%;
}
p.mobile-dropdown-toggle.text-center {
  color: #000097;
  font-weight: 600;
  font-size: 1.5em;
}
@media (min-width: 981px) {
  p.mobile-dropdown-toggle.text-center {
    display: none;
  }
}
.pop-up-submit button:hover {
  width: auto;
  background-color: #9ACD32;
  border: 2px #000 solid;
  color: #000;
}
.pop-up-submit button {
  font-size: 42px !important;
  width: auto;
  background-color: #fff;
  border: 2px #000 solid;
}
@media (min-width: 981px) {
  .pop-up-submit button {
    font-size: 16px !important;
  }
}
.popup-filter {
  position: fixed;
  font-size: 1.5em;
  z-index: 9999;
  background-color: rgba(0,0,0,0.71);
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2em;
  padding: 0% 10%;
  min-width: 100%;
  box-sizing: border-box;
  font-size: 55px;
}
@media (min-width: 981px) {
  .popup-filter {
    font-size: 18px;
    padding: 0% 5%;
  }
}
.list-dropdown-items-wrapper {
  width: 100%;
  padding: 10% 5%;
  border: #000 1px solid;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
}
@media (min-width: 981px) {
  .list-dropdown-items-wrapper {
    width: 33%;
    padding: 4% 2% 2% 2%;
  }
}
select#filter-status {
  font-size: 1em;
  border-radius: 10px;
  padding: 3px;
  min-width: 6em;
  text-align: center;
  margin-left: 0.5em;
  background-color: #fff;
}
p.cards-specs {
  font-size: 1em !important;
}
.cards p,
.cards-specs {
  margin: 10px 0;
  padding: 0px 10px;
}
h4.cards-title {
  margin: 0 10px;
  font-size: 36.3px !important;
}
@media (min-width: 981px) {
  h4.cards-title {
    font-size: 29px !important;
  }
}
p.card-date {
  font-weight: 600 !important;
  color: #5c5c5c;
  font-size: 1em !important;
}
img.card-img {
  height: 15em;
  width: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0px 0px;
  display: none;
}
@media (min-width: 981px) {
  img.card-img {
    display: block;
  }
}
.cards {
  border: #aaa 2px solid;
  border-radius: 15px;
}
.cards-location p {
  background-color: #ececec;
  padding: 10px 15px;
  border-radius: 0 0 15px 15px;
  color: #846300;
  margin: 0 !important;
}
h4.cards-title {
  font-size: 29px;
  margin: 0 10px !important;
}
h4.cards-title,
.cards p {
  margin: 10px 0;
}
img.card-img {
  height: 15em;
  width: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0px 0px;
}
.cards-holder.ng-11 {
  min-height: 5em;
  padding: 3% 10%;
  grid-gap: 2em;
}
@media (min-width: 981px) {
  .cards-holder.ng-11 {
    padding: 3% 15%;
  }
}
.list-dropdown-menus {
  display: none;
}
@media (min-width: 981px) {
  .list-dropdown-menus {
    display: flex;
    background-color: #e7e7e7;
    justify-content: space-around;
    padding: 0 15%;
    line-height: 5em;
  }
}
.list-searchbar-wrapper {
  padding: 0% 6%;
}
i.fa.fa-search {
  font-size: 1.5em;
}
button.main-search {
  border: 0;
  background-color: transparent;
  padding: 5px;
  margin: 0;
}
form.search-box-wrapper {
  background-color: #fff !important;
  padding: 0px !important;
  border-bottom: #707070 3px solid !important;
  margin: 1em 0;
  margin-top: 0;
  margin-bottom: 5%;
}
.main-search-find {
  display: grid;
  padding: 5px;
  grid-template-columns: 1fr 2em;
}
.main-search-find-2 {
  display: grid;
  padding: 5px;
  grid-template-columns: 1fr 2em 2em;
}
div#dropdown-checkbox-loc {
  width: 100%;
}
input#search-bar {
  width: 100%;
  outline: none;
  border: none;
  font-size: 1.2em;
}
button.button-return {
  background-color: #efefef;
  border: none;
  min-width: 15em;
}
button.button-return:hover {
  color: #000;
  background-color: #e1e1e1;
}
select#reg-status {
  font-size: 1em;
  border-radius: 10px;
  padding: 3px;
  min-width: 9em;
  text-align: center;
  margin-left: 0.5em;
}
.detail-regs-wrapper {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.detail-regs-box {
  display: flex;
  background-color: #efefef;
  padding: 0 1em;
  justify-content: space-between;
}
.detail-regs-box .name {
  font-weight: 600;
  text-decoration: underline;
}
.registered .status {
  font-weight: 600;
  color: #de782e;
}
.paid .status {
  font-weight: 600;
  color: #2ba400;
}
.cancelled .status {
  font-weight: 600;
  color: #ff0505;
}
.namecard-row {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
.namecard-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 0;
  background-color: #efefef;
  min-width: 10em;
  padding: 15px;
  border-radius: 5px;
}
.namecard-pic {
  width: 4em;
  height: 4em;
  background-size: cover;
  border-radius: 50%;
}
.namecard-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.namecard-name h4 {
  margin: 0;
  text-align: center;
  font-size: 1.5em;
}
.namecard-name p {
  margin: 0;
  text-align: center;
  font-size: 0.8em !important;
  font-weight: 600;
}
h4.detail-sub-title {
  font-size: 1.5em;
  text-decoration: underline;
  font-weight: 600;
}
.detail-table-wrapper-x {
  border: #000 1px solid;
  border-radius: 33px;
}
.detail-content-wrapper {
  padding: 0% 10%;
}
img.detail-cover-img {
  width: 100%;
  height: 300px;
  border-radius: 30px 30px 0px 0px;
  object-fit: cover;
}
td.detail-page-td.detail-page-key {
  background-color: #fff;
  font-weight: 500;
  color: #5c5c5c;
}
td.detail-page-td.detail-page-value {
  font-weight: 600;
}
.detail-page-tr,
.detail-page-td {
  padding: 1em 0.5em;
  border: none;
}
/* ---------SEARCH BOX------------ 
.sifu-img
  background-size: cover;
  object-fit: cover;

.sifu-img-detail
  background-size: cover;
  object-fit: cover;  

form.search-box-wrapper
    background-color: #fff !important
    padding: 0px !important
    border-radius: 20px !important
    border: #bfbfbf 1px solid !important
    margin: 0
    margin-bottom: 1em
    max-height: 4em

.main-search-find
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;

div#dropdown-checkbox-loc
    width: 100%;

input#search-bar
    width: 100%;
    border: none;
    font-size: 1.2em;

input#search-bar:focus
    outline: none

button.main-search
    border: 0;
    background-color: transparent;
    margin: 0;
    font-size: 1.1em;
    width: 3em;
*/
li.sug-list-li:hover {
  background-color: rgba(241,183,11,0.188);
}
button.main-search:hover {
  color: #000;
  font-size: 1.2em;
}
div#searchBox-suggestions-box,
home-searchBox-locs {
  border-top: #d9d9d9 1px solid;
  position: relative;
}
ul.sug-list-ul {
  list-style: none;
  margin-top: 0px !important;
  border: 1px solid #808080;
  border-radius: 12px;
  background-color: #fff;
  max-height: 300px;
  font: inherit;
  z-index: 2000;
  border-radius: 5px;
  font-size: 1.2em;
  width: 100%;
  padding: 0 !important;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow-y: auto;
}
.sug-list-li {
  padding: 0.5em 0;
  padding-left: 1em;
}
/* --------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
/* --------------------------------------------- */
.bg-darkred {
  background-color: #8b0000 !important;
}
button.btn-register {
  width: 30%;
  margin: 0;
  color: #fff;
  background-color: rgba(0,54,154,0.82);
  border: 0 !important;
}
button.btn-back {
  margin: 0;
  color: #fff;
  background-color: rgba(0,54,154,0.82);
  border: 0 !important;
  width: auto;
}
/* width: 15% */
button.btn-back-lg {
  width: 45%;
  margin: 10px 0px 0 0;
  color: #fff;
  background-color: rgba(0,54,154,0.82);
  border: 0 !important;
  text-align: left;
}
@media (min-width: 981px) {
  button.btn-back-lg {
    width: 25%;
  }
}
section.sifu-menu {
  display: flex;
  width: 100%;
  align-items: stretch;
  height: 5em;
  margin-top: 0.25em;
  gap: 3px;
}
.manu-boxes {
  flex-grow: 1;
}
button.menu-button {
  width: 100%;
  background-color: #3e3e3e !important;
  border: 0;
  border-radius: 0 !important;
  color: #fff;
  height: 100%;
  margin: 0;
  font-size: 1.4em;
}
button.menu-button:hover,
button.menu-button:active {
  border: 0;
  background-color: #c7c7c7 !important;
  color: #000;
}
@media (min-width: 981px) {
  button.menu-button {
    font-size: 1.1em;
  }
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
/* --------------------------------------------- */
img.flag-icon {
  height: 1.5em;
  box-shadow: 2px 2px 3px #a9a9a9;
}
img.flag-icon-sm {
  height: 1em;
  box-shadow: 2px 2px 3px #a9a9a9;
}
.course-list {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 2em;
  margin-right: 2em;
}
.textarea-vid {
  height: 2em;
  margin-top: 1em;
}
.textarea-detailed {
  width: 95%;
  height: 1em;
  margin-top: 1em;
  background-color: #ecf8f9;
}
@media (min-width: 981px) {
  .textarea-detailed {
    width: 100%;
    height: 1em;
    margin-top: 1em;
  }
}
textarea {
  width: 95%;
  height: 30em;
  padding: 15px;
  font-size: 1.5em;
}
.sifu-desc,
.mobile-brand-logo {
  margin-top: 40%;
  margin-bottom: 40%;
  height: 125px;
}
.input-tag {
  width: 90%;
}
.vid-txt-click {
  width: 100%;
}
.vid-expand {
  width: 100%;
}
.vd_txt_but {
  background-color: transparent;
  border: transparent;
  margin: 0px;
}
.vd_txt_img {
  background-color: transparent;
  height: 75px;
  width: 75px;
  box-shadow: 0 0 0 0 rgba(255,177,66,0);
  border-radius: 100px;
  animation: pulse 3s infinite;
  animation-name: pulse;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
}
@media (min-width: 981px) {
  .vd_txt_img {
    height: 60px;
    width: 60px;
  }
}
.flex-box {
  text-align: center;
  font-size: 1em;
  min-height: 50px;
  display: flex;
  background-color: #e2e2e2;
}
.form-control {
  height: 3em !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 1em;
  border-radius: 10px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: -webkit-fill-available;
  width: 100%;
  width: -moz-available;
  width: fill-available;
}
@media (min-width: 981px) {
  .form-control {
    height: 2em !important;
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0.4);
  }
  70% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 30px rgba(22,124,233,0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0.4);
  }
  70% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 30px rgba(22,124,233,0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0);
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0.4);
  }
  70% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 30px rgba(22,124,233,0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0.4);
  }
  70% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 30px rgba(22,124,233,0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0px 0px 0px 0px rgba(22,124,233,0);
  }
}
