/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
html,
body {
  height: 100%;
  width: 100%;
  font-family: "Tai Nam Regular";
  color: #808080; }

.main_color {
  color: #62C1C8; }

.second_color {
  color: #855b52; }

p {
  color: #606060; }

.form-control {
  background-color: white !important;
  border: 1px solid #e5e5e5 !important; }
  .form-control::placeholder {
    color: #d0d0d0; }

.enquiry_form {
  padding: 20px 40px; }
  .enquiry_form h2 {
    text-align: center; }
  .enquiry_form .form-control {
    margin: 10px 0px;
    background-color: white !important;
    border: 1px solid #855b52; }
  .enquiry_form .form-label {
    margin: 0px;
    font-size: 1em; }
  .enquiry_form .submit_bar {
    text-align: center; }
  .enquiry_form .submit_button {
    padding: 10px 80px;
    background-color: #62C1C8;
    color: white !important;
    border: none;
    font-size: 1.2em; }

.query_button_word {
  position: fixed;
  width: 40px;
  top: 30%;
  right: calc(0% - 5px);
  text-decoration: none !important;
  background-color: #62C1C8;
  color: white;
  padding: 10px;
  border-radius: 5px; }

.SD_banner_image {
  display: none; }

.block-heading {
  padding-top: 40px;
  letter-spacing: 0.2em; }
  .block-heading .text-info {
    color: #62C1C8;
    font-size: 1.7rem;
    text-align: left; }
    .block-heading .text-info .top-title {
      font-family: "Tai Nam Medium"; }
  .block-heading .section-text-info {
    color: #62C1C8;
    font-size: 1.4rem;
    text-align: left; }
  .block-heading .sub-section-text-info {
    color: #62C1C8;
    font-size: 1.8rem;
    text-align: left; }
  .block-heading .text-info-no-underline {
    color: #62C1C8;
    font-size: 1.5rem;
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 30px; }

.main-content {
  letter-spacing: 2px; }
  .main-content .subtitle {
    color: #62C1C8;
    font-size: 1.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .main-content .point-list {
    list-style-type: dist;
    padding-left: 1em; }

.highlight {
  color: #29abe2;
  display: inline; }

.input-label {
  color: #62C1C8;
  margin-bottom: 0; }

.form-control {
  border: none;
  background-color: #f0f0f0; }

.hover-enabled:hover {
  cursor: pointer; }

.btn-back-to-top {
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 500;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0; }
  .btn-back-to-top img {
    width: 40px; }
  .btn-back-to-top.show {
    opacity: 1;
    visibility: visible; }

.social_meida {
  position: fixed;
  top: 30%;
  left: 0%;
  width: 40px; }

.chatbot {
  position: fixed;
  top: 40%;
  right: 1%;
  width: 56px; }

.chatbot img {
  padding: 3px 0px; }

.mobile_only {
  display: none; }

.header_banner_zone {
  background-image: url("../../../../../assets/front/images/growth-record-banner.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 77px; }

.fading_background {
  background-image: url("../../../../../assets/front/images/growth-record-bg.png");
  background-position-y: top;
  background-size: auto;
  background-repeat: no-repeat; }

.sidebar_menu .header_block {
  background-color: #62C1C8;
  color: white;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem; }
.sidebar_menu a {
  color: #808080; }
  .sidebar_menu a:hover {
    text-decoration: none !important; }
.sidebar_menu .collapsed .collapse_block {
  background-color: white !important; }
.sidebar_menu .collapse_block {
  background-color: #dff3f4;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 1rem;
  border-top: 1px solid #d0d0d0; }
.sidebar_menu .block {
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 1rem;
  border-top: 1px solid #d0d0d0; }

.mobile_menu {
  width: calc(100% + 60px); }
  .mobile_menu .mobile_menu_page {
    background-color: white;
    color: #dff3f4;
    text-align: center;
    padding-top: 8px;
    font-size: 1.2em;
    padding-bottom: 8px;
    box-shadow: inset 0px -3px 3px #b4b4b4; }
    .mobile_menu .mobile_menu_page.selected {
      background-color: #62C1C8;
      color: white;
      box-shadow: 0px -3px 5px #b4b4b4;
      z-index: 500; }

#mobile_menu {
  width: calc(100% + 60px); }
  #mobile_menu a {
    color: #808080; }
    #mobile_menu a:hover {
      color: #808080;
      text-decoration: none; }

.mobile_month_selector {
  border-left: 1px solid #d0d0d0;
  margin-top: 9px;
  margin-bottom: 9px; }
  .mobile_month_selector.first {
    border: none !important; }

.mobile_menu_header {
  text-align: center;
  padding: 8px;
  border-top: 1px solid #d0d0d0; }
  .mobile_menu_header.first {
    border: none; }

.mobile_menu_controller {
  width: calc(100% + 60px);
  background-color: #dff3f4;
  text-align: center;
  box-shadow: none; }

#user_icon {
  position: relative;
  right: 160px; }

.page_content .r_table {
  width: 100%; }
.page_content .image_row .col-6,
.page_content .image_row .col-md-3 {
  margin-bottom: 30px; }
.page_content .image_container {
  box-shadow: 0px 0px 8px #808080;
  height: 100%;
  padding-top: 100%;
  cursor: pointer; }
  .page_content .image_container .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .page_content .image_container .content img {
      position: relative;
      max-width: 100%;
      max-height: 100%;
      height: 100%;
      width: calc(100% - 30px);
      left: 15px;
      object-fit: cover; }
.page_content .paging_controller_container {
  display: block;
  box-shadow: none !important; }
  .page_content .paging_controller_container .paging_controller {
    justify-content: flex-end; }
  .page_content .paging_controller_container li {
    padding: 2px 8px; }
    .page_content .paging_controller_container li.selected {
      background-color: #62C1C8;
      color: white; }
      .page_content .paging_controller_container li.selected a {
        color: white; }
        .page_content .paging_controller_container li.selected a:hover {
          color: white; }
    .page_content .paging_controller_container li a {
      color: #808080; }
      .page_content .paging_controller_container li a:hover {
        color: #808080;
        text-decoration: none !important; }

.login_button {
  background-color: #62C1C8;
  color: white;
  font-weight: bold;
  width: 100%;
  padding: 8px;
  border: none !important; }

#Modal_view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

.user_interaction_zone {
  position: fixed;
  bottom: 5px;
  left: calc((100vw - 1200px) / 2);
  font-size: 1.5em;
  z-index: 500000; }
  .user_interaction_zone .nav {
    align-items: center; }
    .user_interaction_zone .nav li {
      margin: 0px 10px;
      color: white; }

.modal-dialog {
  z-index: 500000; }

.click_layer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1; }

.previous_arrow {
  position: fixed;
  left: 20px;
  top: 45%;
  font-size: 5em;
  color: white;
  z-index: 500000; }

.next_arrow {
  position: fixed;
  right: 20px;
  top: 45%;
  font-size: 5em;
  color: white;
  z-index: 500000; }

@media only screen and (max-width: 1200px) {
  .user_interaction_zone {
    left: 20px; } }
@media only screen and (max-width: 768px) {
  .SD_banner_image {
    display: block; }

  #nav_container {
    justify-content: center !important; }
    #nav_container a {
      margin: 0px !important; }

  .banner_image {
    display: none; }

  .container {
    padding-left: 30px;
    padding-right: 30px; }

  .mobile_normal_container {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .desktop_only {
    display: none; }

  .mobile_only {
    display: block; }

  .page_header img {
    width: 225px; } }

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