@charset "UTF-8";
.font-titles {
  font-family: "Noto Sans Thai", -apple-system, BlinkMacSystemFont, Roboto,
    "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul li,
ol li {
  padding: 5px 0;
  list-style-position: inside;
}
ul ul,
ol ul {
  list-style-type: circle;
}
ul {
  list-style: disc;
  margin: 0;
  padding: 0;
}
ul.unstyled {
  list-style: none;
}
ul.inline li {
  display: inline-block;
}
ul.list-square li {
  padding-left: 20px;
  list-style: none;
}
ul.list-square li:after {
  content: "\25A0";
  float: left;
  margin-left: -20px;
  margin-top: -1px;
  font-size: 50%;
  vertical-align: middle;
}
ol {
  list-style: decimal;
  margin-left: 0;
  padding-left: 0;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 25px;
}
.clb-social,
.clb-scroll-top {
  font-weight: 600;
  margin-right: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.clb-social:before,
.clb-scroll-top:before {
  display: none;
}
.clb-social.light-typo,
.clb-social.light-typo .font-titles,
.clb-scroll-top.light-typo,
.clb-scroll-top.light-typo .font-titles {
  color: #fff;
}
.elements-bar {
  position: fixed;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 50;
  min-height: 56px;
  list-style: none;
}
.elements-bar > li {
  padding: 0;
}
.elements-bar.left {
  left: 4.4vh;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
  -ms-transform: rotate(-90deg) translate(-50%, 0);
  transform: rotate(-90deg) translate(-50%, 0);
}
@media screen and (max-width: 1024px) {
  .elements-bar.left {
    left: 20px;
  }
}
.elements-bar.right {
  right: 4.4vh;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: rotate(-90deg) translate(50%, -100%);
  -ms-transform: rotate(-90deg) translate(50%, -100%);
  transform: rotate(-90deg) translate(50%, -100%);
}
@media screen and (max-width: 1024px) {
  .elements-bar.right {
    right: 20px;
  }
}
.clb-social {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.clb-social-holder {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
}
.clb-social-holder li {
  margin: 0px 5px;
}
.clb-social-holder li a:after {
  content: "/";
  display: inline;
  padding-left: 10px;
}
.clb-social-holder li:last-child a:after {
  display: none;
}
.clb-social-holder.icons li {
  padding: 0px 5px;
}
.clb-social-holder.icons li i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.clb-social-holder.icons li a:after {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.vc_row:after,
.vc_row:before {
  content: " ";
  display: table;
}
.vc_row:after {
  clear: both;
}
@media (max-width: 767px) {
  .vc_hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vc_hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vc_hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .vc_hidden-lg {
    display: none !important;
  }
}