@charset "UTF-8";
/* Web theme */
.bg-opacity {
  background-color: rgba(255, 255, 255, 0.7); }

.bg-opacity-brown {
  background-color: rgba(149, 105, 76, 0.8); }

.bg-opacity-red {
  background-color: rgba(237, 78, 54, 0.8); }

.bg-opacity-darkblue {
  background-color: rgba(0, 110, 161, 0.8); }

.bg-parallax {
  background-attachment: fixed; }

.bg-image, .card--primary .card__img, .card--secondary .card__img, .card--secondary-highlight .card__img, .card--report-highlight .card__img, .card--presentation-highlight .card__img, .card--presentation .card__img, .card--overlay .card__img, .card--overlay-download .card__img, .card--recent .card__img, .card--report .card__img, .card--download:before, .banner, .home .home__herobanner, .home .home__stock, .home .home__download, .vision, .highlight-report {
  background-repeat: no-repeat;
  background-size: cover; }

.bg-image-contain, .card--download:before, .home .home__download, .vision {
  background-size: contain; }

.border {
  /* Border */ }
  .border-right {
    border-right: 1px solid !important; }
  @media (min-width: 576px) {
    .border-sm-right {
      border-right: 1px solid !important; } }
  @media (min-width: 768px) {
    .border-md-right {
      border-right: 1px solid !important; } }
  @media (min-width: 992px) {
    .border-lg-right {
      border-right: 1px solid !important; } }
  @media (min-width: 1200px) {
    .border-xl-right {
      border-right: 1px solid !important; } }
  .border-1 {
    border-width: 1px !important; }
  .border-left-1 {
    border-left: 1px solid #006ea1; }
  .border-bottom-1 {
    border-bottom: 1px solid #006ea1; }
  .border-2 {
    border-width: 2px !important; }
  .border-left-2 {
    border-left: 2px solid #006ea1; }
  .border-bottom-2 {
    border-bottom: 2px solid #006ea1; }
  .border-3 {
    border-width: 3px !important; }
  .border-left-3 {
    border-left: 3px solid #006ea1; }
  .border-bottom-3 {
    border-bottom: 3px solid #006ea1; }
  .border-4 {
    border-width: 4px !important; }
  .border-left-4 {
    border-left: 4px solid #006ea1; }
  .border-bottom-4 {
    border-bottom: 4px solid #006ea1; }

.bg-darkblue {
  background-color: #006ea1 !important; }

.text-darkblue {
  color: #006ea1 !important; }

.border-darkblue {
  border-color: #006ea1 !important; }

.border-right-darkblue {
  border-right-color: #006ea1 !important; }

.bg-brown {
  background-color: #95694C !important; }

.text-brown, .headline--brown {
  color: #95694C !important; }

.border-brown {
  border-color: #95694C !important; }

.border-right-brown {
  border-right-color: #95694C !important; }

.bg-darkbrown {
  background-color: #533522 !important; }

.text-darkbrown {
  color: #533522 !important; }

.border-darkbrown {
  border-color: #533522 !important; }

.border-right-darkbrown {
  border-right-color: #533522 !important; }

.bg-darkgray {
  background-color: #212529 !important; }

.text-darkgray {
  color: #212529 !important; }

.border-darkgray {
  border-color: #212529 !important; }

.border-right-darkgray {
  border-right-color: #212529 !important; }

.bg-gray {
  background-color: #676768 !important; }

.text-gray {
  color: #676768 !important; }

.border-gray {
  border-color: #676768 !important; }

.border-right-gray {
  border-right-color: #676768 !important; }

.bg-lightgray {
  background-color: #f5f5f5 !important; }

.text-lightgray {
  color: #f5f5f5 !important; }

.border-lightgray {
  border-color: #f5f5f5 !important; }

.border-right-lightgray {
  border-right-color: #f5f5f5 !important; }

.bg-black {
  background-color: #000000 !important; }

.text-black {
  color: #000000 !important; }

.border-black {
  border-color: #000000 !important; }

.border-right-black {
  border-right-color: #000000 !important; }

.bg-white {
  background-color: #ffffff !important; }

.text-white {
  color: #ffffff !important; }

.border-white {
  border-color: #ffffff !important; }

.border-right-white {
  border-right-color: #ffffff !important; }

.bg-red {
  background-color: #ED4E36 !important; }

.text-red {
  color: #ED4E36 !important; }

.border-red {
  border-color: #ED4E36 !important; }

.border-right-red {
  border-right-color: #ED4E36 !important; }

.box-shadow {
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2) !important; }

@media (max-width: 991.98px) {
  .border-right-lg {
    border-right: none !important; } }

@media (max-width: 767.98px) {
  .border-right-md {
    border-right: none !important; } }

.hr-brown {
  border-top: 1px solid #95694C;
  margin-bottom: 2.25rem;
  margin-top: .25rem; }

.hr-red {
  border-top: 1px solid #ED4E36;
  margin-bottom: 2.25rem;
  margin-top: .25rem; }

.hr-darkblue {
  border-top: 1px solid #006ea1;
  margin-bottom: 2.25rem;
  margin-top: .25rem; }

.circular-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 210px;
  height: 100%;
  max-width: 210px;
  margin: 0 auto;
  border-radius: 100%;
  border: 3px solid #ED4E36;
  overflow: hidden; }

a {
  color: inherit; }
  a:hover, a:focus, a:active, a.active {
    text-decoration: none;
    outline: none;
    color: #ED4E36; }

.link {
  position: relative; }
  .link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    display: block;
    background-color: #006ea1;
    transition: all .3s ease-in-out; }
  .link:hover:after, .link:focus:after {
    width: 100%; }
  .link-enlarge {
    color: #ffffff; }
    .link-enlarge:hover, .link-enlarge:focus, .link-enlarge:active, .link-enlarge.active {
      color: #006ea1; }

.readmore {
  position: relative;
  text-align: right;
  color: #C7C7C7;
  text-transform: uppercase;
  transition: color .3s ease-in-out; }
  .readmore:before {
    position: absolute;
    content: '';
    top: 11px;
    left: 0;
    height: 1px;
    width: 65%;
    background-color: #C7C7C7;
    transition: background-color .3s ease-in-out; }
  .readmore:hover, .readmore:focus {
    color: #676768; }
    .readmore:hover:before, .readmore:focus:before {
      background-color: #676768; }

ul.list-circle li {
  position: relative;
  padding-left: 12px;
  padding-bottom: 10px;
  list-style: none; }
  ul.list-circle li:before, ul.list-circle li:after {
    content: "";
    position: absolute;
    border-radius: 100%; }
  ul.list-circle li:before {
    width: 6px;
    height: 6px;
    background-color: #ED4E36;
    top: 7px;
    left: -14px;
    z-index: 1; }
  ul.list-circle li:after {
    width: 18px;
    height: 18px;
    background-color: #BABABA;
    left: -20px;
    top: 1px; }
  ul.list-circle li ul li:after {
    display: none; }

ul.bxslider {
  list-style: none; }

ol li {
  margin-bottom: 1rem; }
  ol li > ol {
    margin-top: .75rem; }

.social .social__list {
  display: flex;
  flex-direction: row;
  padding-left: 0; }
  .social .social__list li {
    margin: 0 .5rem;
    list-style: none; }
    .social .social__list li:first-child {
      margin-left: .75rem; }
    @media (max-width: 767.98px) {
      .social .social__list li:first-child {
        margin-left: 0; } }

.social .social__link img {
  width: 30px;
  height: 30px;
  transition: box-shadow .3s ease-in-out; }

.social .social__link:hover img, .social .social__link:focus img {
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3); }

.text-darkblue {
  color: #006ea1 !important; }

.text-brown, .headline--brown {
  color: #95694C !important; }

.text-darkbrown {
  color: #533522 !important; }

.text-darkgray {
  color: #212529 !important; }

.text-gray {
  color: #676768 !important; }

.text-lightgray {
  color: #f5f5f5 !important; }

.text-black {
  color: #000000 !important; }

.text-white {
  color: #ffffff !important; }

.text-red {
  color: #ED4E36 !important; }

html[lang='th'] h1,
html[lang='th'] .h1 {
  font-family: "Kanit", sans-serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='th'] h2,
html[lang='th'] .h2,
html[lang='th'] .financial .financial__per,
.financial html[lang='th'] .financial__per {
  font-family: "Kanit", sans-serif;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='th'] h3,
html[lang='th'] .h3,
html[lang='th'] .table--meeting thead tr:first-child th:first-child,
.table--meeting thead tr:first-child html[lang='th'] th:first-child {
  font-family: "Kanit", sans-serif;
  font-size: 1.6875rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='th'] h4,
html[lang='th'] .h4,
html[lang='th'] .table tbody tr.table-heading th,
.table tbody tr.table-heading html[lang='th'] th,
html[lang='th'] .table--financial tbody tr.table-heading th,
.table--financial tbody tr.table-heading html[lang='th'] th,
html[lang='th'] .table--shareholder tbody tr.table-heading th,
.table--shareholder tbody tr.table-heading html[lang='th'] th,
html[lang='th'] .table--meeting thead tr:last-child th:first-child,
.table--meeting thead tr:last-child html[lang='th'] th:first-child {
  font-family: "Kanit", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='th'] h5,
html[lang='th'] .h5 {
  font-family: "Kanit", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6; }

html[lang='th'] h6,
html[lang='th'] .h6 {
  font-family: "Kanit", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6; }

html[lang='th'] .lead {
  font-family: "Kanit", sans-serif;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1.6; }
  html[lang='th'] .lead--text {
    font-family: "Kanit", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5; }

html[lang='th'] .display-4, html[lang='th'] .headline--brown {
  font-family: "Kanit", sans-serif;
  font-size: 2.5rem;
  font-weight: "";
  line-height: 1.6; }

html[lang='th'] .font-weight-bold {
  font-family: "Kanit"; }

html[lang='th'] .font-weight-normal {
  font-family: "Kanit"; }

html[lang='th'] .font-weight-light {
  font-family: "Kanit"; }

html[lang='th'] .font-weight-italic {
  font-family: "Kanit"; }

html[lang='th'] strong, html[lang='th'] .text-bold, html[lang='th'] .headline--brown, html[lang='th'] .media--info .media__text, .media--info html[lang='th'] .media__text {
  font-weight: 700; }

html[lang='en'] strong, html[lang='en'] .text-bold, html[lang='en'] .headline--brown, html[lang='en'] .media--info .media__text, .media--info html[lang='en'] .media__text {
  font-weight: 800; }

html[lang='th'] .text-semibold {
  font-weight: 500 !important; }

html[lang='en'] .text-semibold {
  font-weight: 600 !important; }

.text-normal, .media--info .media__title {
  font-weight: normal !important; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-sm {
  line-height: 1.2 !important; }

.text-uppercase {
  text-transform: uppercase; }

time {
  font-size: .9rem; }

.nav-tabs--submenu .nav-item .nav-link {
  font-size: .875rem; }

html[lang='en'] h1,
html[lang='en'] .h1 {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='en'] h2,
html[lang='en'] .h2,
html[lang='en'] .financial .financial__per,
.financial html[lang='en'] .financial__per {
  font-family: "Work Sans", sans-serif;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='en'] h3,
html[lang='en'] .h3,
html[lang='en'] .table--meeting thead tr:first-child th:first-child,
.table--meeting thead tr:first-child html[lang='en'] th:first-child {
  font-family: "Work Sans", sans-serif;
  font-size: 1.6875rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='en'] h4,
html[lang='en'] .h4,
html[lang='en'] .table tbody tr.table-heading th,
.table tbody tr.table-heading html[lang='en'] th,
html[lang='en'] .table--financial tbody tr.table-heading th,
.table--financial tbody tr.table-heading html[lang='en'] th,
html[lang='en'] .table--shareholder tbody tr.table-heading th,
.table--shareholder tbody tr.table-heading html[lang='en'] th,
html[lang='en'] .table--meeting thead tr:last-child th:first-child,
.table--meeting thead tr:last-child html[lang='en'] th:first-child {
  font-family: "Work Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='en'] h5,
html[lang='en'] .h5 {
  font-family: "Work Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6; }

html[lang='en'] h6,
html[lang='en'] .h6 {
  font-family: "Work Sans", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6; }

html[lang='en'] .lead {
  font-family: "Work Sans", sans-serif;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1.6; }
  html[lang='en'] .lead--text {
    font-family: "Work Sans", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5; }

html[lang='en'] .display-4, html[lang='en'] .headline--brown {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: "";
  line-height: 1.6; }

html[lang='en'] .font-weight-bold {
  font-family: "Work Sans"; }

html[lang='en'] .font-weight-normal {
  font-family: "Work Sans"; }

html[lang='en'] .font-weight-light {
  font-family: "Work Sans"; }

html[lang='en'] .font-weight-italic {
  font-family: "Work Sans"; }

html[lang='th'] strong, html[lang='th'] .text-bold, html[lang='th'] .headline--brown, html[lang='th'] .media--info .media__text, .media--info html[lang='th'] .media__text {
  font-weight: 700; }

html[lang='en'] strong, html[lang='en'] .text-bold, html[lang='en'] .headline--brown, html[lang='en'] .media--info .media__text, .media--info html[lang='en'] .media__text {
  font-weight: 800; }

html[lang='th'] .text-semibold {
  font-weight: 500 !important; }

html[lang='en'] .text-semibold {
  font-weight: 600 !important; }

.text-normal, .media--info .media__title {
  font-weight: normal !important; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-sm {
  line-height: 1.2 !important; }

.text-uppercase {
  text-transform: uppercase; }

time {
  font-size: .9rem; }

.nav-tabs--submenu .nav-item .nav-link {
  font-size: .875rem; }

html[lang='th'] body {
  font-family: "Kanit", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='th'] .btn {
  font-family: "Kanit", sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6; }

html[lang='en'] body {
  font-family: "Work Sans", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px; }

html[lang='en'] .btn {
  font-family: "Work Sans", sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6; }

html[lang='th'] .header .box-center li a {
  font-family: "Athiti", sans-serif;
  font-size: 0.77rem;
  font-weight: "";
  line-height: 1.6; }

html[lang='en'] .header .box-center li a {
  font-family: "Athiti", sans-serif;
  font-size: 0.77rem;
  font-weight: "";
  line-height: 1.6; }

@media (max-width: 767.98px) {
  html[lang='th'] h1,
  html[lang='th'] .h1 {
    font-family: "Kanit", sans-serif;
    font-size: 1.775rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 1px; }
  html[lang='th'] .lead {
    font-family: "Kanit", sans-serif;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.6; }
  html[lang='en'] h1,
  html[lang='en'] .h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 1.775rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 1px; }
  html[lang='en'] .lead {
    font-family: "Work Sans", sans-serif;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.6; } }

.accordion--primary .card, .accordion--primary .card--noborder, .accordion--primary .card--primary, .accordion--primary .card--secondary, .accordion--primary .card--secondary-highlight, .accordion--primary .card--report-highlight, .accordion--primary .card--presentation-highlight, .accordion--primary .card--presentation, .accordion--primary .card--event, .accordion--primary .card--report, .accordion--primary .card--download, .accordion--primary .card--subsidiary, .accordion--primary .card--round-corner {
  min-height: unset;
  margin-bottom: 10px;
  border: none;
  border-width: 0;
  border-bottom: 0; }
  .accordion--primary .card__header {
    position: relative;
    color: #000000;
    border: 1px solid rgba(103, 103, 104, 0.1);
    background-color: #ffffff;
    transition: color .3s ease-in-out;
    transition: background-color .3s ease-in-out; }
    .accordion--primary .card__header:after {
      position: absolute;
      top: 13px;
      right: 15px;
      font-family: 'Font Awesome 5 Pro';
      content: "\F107";
      font-size: 24px;
      color: #000000; }
    .accordion--primary .card__header .card__title {
      margin-bottom: 0; }
    .accordion--primary .card__header[aria-expanded="true"] {
      color: #000000;
      background-color: #ffffff;
      border-bottom: 1px solid rgba(103, 103, 104, 0.2);
      transition: background-color .3s ease-in-out; }
      .accordion--primary .card__header[aria-expanded="true"] .card__title {
        font-weight: bold; }
      .accordion--primary .card__header[aria-expanded="true"]:after {
        font-family: 'Font Awesome 5 Pro';
        content: "\F106";
        position: absolute;
        top: 13px;
        right: 15px;
        font-size: 24px;
        color: #000000; }
    .accordion--primary .card__header:hover {
      background-color: #006ea1;
      color: #ffffff; }
      .accordion--primary .card__header:hover:after {
        color: #ffffff; }
  .accordion--primary .card__title {
    font-weight: 400; }
  .accordion--primary .card__subtitle {
    margin-bottom: 1rem; }
  .accordion--primary .card__body {
    padding: 1.25rem 1.75rem; }

.btn {
  min-width: 145px;
  border-radius: 0;
  background-color: transparent;
  padding: .5rem 1.25rem .35rem;
  text-transform: uppercase;
  outline: none !important;
  box-shadow: none !important; }
  .btn-outline-primary, .btn-primary {
    display: inline-block;
    color: #ED4E36;
    text-transform: uppercase;
    border: 1px solid #ED4E36;
    border-radius: 30px;
    transition: all .3s ease-in-out; }
    .btn-outline-primary i, .btn-primary i {
      font-size: 1rem;
      color: #ED4E36;
      transition: all .3s ease-in-out; }
    .btn-outline-primary:hover, .btn-primary:hover, .btn-outline-primary:focus, .btn-primary:focus, .btn-outline-primary:active, .btn-primary:active, .btn-outline-primary.active, .active.btn-primary {
      color: #212529;
      border-color: #ED4E36;
      box-shadow: none !important;
      background-color: transparent; }
      .btn-outline-primary:hover i, .btn-primary:hover i, .btn-outline-primary:focus i, .btn-primary:focus i, .btn-outline-primary:active i, .btn-primary:active i, .btn-outline-primary.active i, .active.btn-primary i {
        color: #212529; }
    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active {
      color: #006ea1;
      border: 1px solid #ffffff;
      background-color: #ffffff;
      outline: none;
      box-shadow: none; }
  .btn-outline-secondary {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    background-color: transparent;
    border-radius: 30px;
    transition: all .3s ease-in-out; }
    .btn-outline-secondary i {
      font-size: 1rem;
      color: #ffffff;
      transition: all .3s ease-in-out; }
    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
      color: #ED4E36;
      border: 1px solid #ffffff !important;
      background-color: #ffffff !important;
      box-shadow: none !important; }
      .btn-outline-secondary:hover i, .btn-outline-secondary:focus i, .btn-outline-secondary:active i, .btn-outline-secondary.active i {
        color: #ED4E36; }

.block-explain {
  overflow: hidden; }
  .block-explain__content {
    position: relative; }
  .block-explain__button {
    position: relative;
    z-index: 1;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
    .block-explain__button a .view {
      display: inline; }
    .block-explain__button a .hide {
      display: none; }
    .block-explain__button a.selected i:before {
      content: "\E907"; }
    .block-explain__button a.selected .view {
      display: none; }
    .block-explain__button a.selected .hide {
      display: inline; }

.blockquote--vertical .blockquote__text {
  position: relative;
  padding: 3rem 0; }
  .blockquote--vertical .blockquote__text:before, .blockquote--vertical .blockquote__text:after {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 26px; }
  .blockquote--vertical .blockquote__text:before {
    top: 5px;
    font-family: 'zen' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E91E"; }
  .blockquote--vertical .blockquote__text:after {
    bottom: 5px;
    font-family: 'zen' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E91F"; }

.blockquote--primary .blockquote__text {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.4; }
  @media (max-width: 767.98px) {
    .blockquote--primary .blockquote__text {
      padding-left: 1rem; } }
  .blockquote--primary .blockquote__text:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    content: '';
    background-color: #006ea1; }

.bx-wrapper {
  margin-bottom: 0;
  box-shadow: none; }
  .bx-wrapper .bx-controls-auto,
  .bx-wrapper .bx-pager {
    bottom: 0; }
    .bx-wrapper .bx-controls-auto.bx-default-pager a,
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 8px;
      height: 8px;
      border-radius: 50%; }
      .bx-wrapper .bx-controls-auto.bx-default-pager a:hover,
      .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background-color: #006ea1; }
      .bx-wrapper .bx-controls-auto.bx-default-pager a.active,
      .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #95694C;
        width: 11px;
        height: 11px;
        margin-bottom: -1px; }

.bxslider li {
  padding: 1rem; }

.owl-timeline .owl-nav .owl-prev,
.owl-timeline .owl-nav .owl-next {
  position: absolute;
  top: 0;
  width: 100px;
  display: block;
  color: #ED4E36;
  opacity: 1;
  z-index: 1; }
  .owl-timeline .owl-nav .owl-prev:before,
  .owl-timeline .owl-nav .owl-next:before {
    font-size: 48px;
    line-height: 1;
    content: ''; }
  .owl-timeline .owl-nav .owl-prev.disabled,
  .owl-timeline .owl-nav .owl-next.disabled {
    color: #f5f5f5;
    cursor: default; }
    .owl-timeline .owl-nav .owl-prev.disabled:before, .owl-timeline .owl-nav .owl-prev.disabled:after,
    .owl-timeline .owl-nav .owl-next.disabled:before,
    .owl-timeline .owl-nav .owl-next.disabled:after {
      opacity: 0.5 !important; }
  .owl-timeline .owl-nav .owl-prev:hover,
  .owl-timeline .owl-nav .owl-next:hover {
    opacity: 1; }

.owl-timeline .owl-nav .owl-prev {
  left: 0;
  text-align: left;
  background: -moz-linear-gradient(left, white 0, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(left, white 0, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.1) 100%); }
  .owl-timeline .owl-nav .owl-prev:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\F104"; }

.owl-timeline .owl-nav .owl-next {
  right: 0;
  text-align: right;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 20%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 20%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 20%, white 100%); }
  .owl-timeline .owl-nav .owl-next:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\F105"; }

.owl-timeline .owl-nav.disabled {
  display: block;
  opacity: 1; }

.owl-timeline .owl-stage {
  position: relative; }
  .owl-timeline .owl-stage:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e6eaef;
    position: absolute;
    top: 19px; }

.owl-timeline .item {
  position: relative;
  text-align: center; }
  .owl-timeline .item:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0;
    width: 6px;
    height: 6px;
    display: block;
    background-color: #ED4E36;
    border-radius: 100%; }
  .owl-timeline .item > .item__text {
    padding: .25rem 0;
    font-size: 32px;
    margin-bottom: 0;
    line-height: 1; }
  .owl-timeline .item.center .item__text {
    margin-top: -5px;
    padding: .25rem 0;
    color: #006ea1;
    font-size: 39px;
    line-height: 1; }

.owl-timeline-detail .item {
  min-height: 300px;
  padding: 2rem 0; }

.owl--subsidiary .owl-dots {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  text-align: center; }
  .owl--subsidiary .owl-dots .owl-dot {
    display: inline-flex; }
    .owl--subsidiary .owl-dots .owl-dot span {
      position: relative;
      display: inline-flex;
      height: 8px;
      width: 8px;
      margin: 0 5px;
      border-radius: 100%;
      background-color: #676768;
      transition: all .2s ease-in-out; }
    .owl--subsidiary .owl-dots .owl-dot:hover span {
      background-color: #006ea1; }
    .owl--subsidiary .owl-dots .owl-dot.active span {
      width: 12px;
      height: 12px;
      background-color: #006ea1; }

.owl-carousel--primary .owl-dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding: .75rem 0;
  text-align: center; }
  .owl-carousel--primary .owl-dots .owl-dot {
    display: inline-block; }
    .owl-carousel--primary .owl-dots .owl-dot span {
      position: relative;
      display: block;
      height: 12px;
      width: 12px;
      margin: 4px;
      border-radius: 100%;
      background-color: #676768;
      transition: all .5s ease-in; }
    .owl-carousel--primary .owl-dots .owl-dot:hover span {
      background-color: #006ea1; }
    .owl-carousel--primary .owl-dots .owl-dot.active span {
      background-color: #006ea1; }

.owl-carousel--primary .item {
  position: relative;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 110px; }
  @media (max-width: 767.98px) {
    .owl-carousel--primary .item {
      height: 200px; } }
  .owl-carousel--primary .item:before {
    transition: background-color .25s ease;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2; }
  .owl-carousel--primary .item:after {
    font-family: 'zen' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E912";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-weight: 500;
    font-size: 20px;
    z-index: 2; }
  .owl-carousel--primary .item:hover:before {
    background: -moz-linear-gradient(top, #091830 0%, rgba(9, 24, 48, 0.99) 1%, rgba(9, 24, 48, 0.27) 100%);
    background: -webkit-linear-gradient(top, #091830 0%, rgba(9, 24, 48, 0.99) 1%, rgba(9, 24, 48, 0.27) 100%);
    background: linear-gradient(to bottom, #091830 0%, rgba(9, 24, 48, 0.99) 1%, rgba(9, 24, 48, 0.27) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ea1', endColorstr='#45091830', GradientType=0); }
  .owl-carousel--primary .item:hover:after {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    color: #ffffff;
    background-color: rgba(0, 110, 161, 0.9); }

.owl-carousel--financial .owl-dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding: .75rem 0;
  text-align: center; }
  .owl-carousel--financial .owl-dots .owl-dot {
    display: inline-block; }
    .owl-carousel--financial .owl-dots .owl-dot span {
      position: relative;
      display: block;
      height: 12px;
      width: 12px;
      margin: 4px;
      border-radius: 100%;
      background-color: #676768;
      transition: all .5s ease-in; }
    .owl-carousel--financial .owl-dots .owl-dot:hover span {
      background-color: #006ea1; }
    .owl-carousel--financial .owl-dots .owl-dot.active span {
      background-color: #006ea1; }

.owl-carousel--financial .item {
  padding: 1.25rem 0;
  background-color: #f5f5f5; }

.carousel--financial .carousel-item {
  padding: 2rem 1rem 2.5rem;
  text-align: center;
  background-color: #f5f5f5; }

.carousel--financial .carousel-indicators {
  bottom: -10px; }
  .carousel--financial .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #b5b5b5;
    box-shadow: 0px 0px 2px 0px rgba(181, 181, 100, 0.5);
    flex: 0 0 auto; }
  .carousel--financial .carousel-indicators .active {
    background-color: #006ea1;
    box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.5); }

.filter {
  position: relative; }
  .filter label {
    margin-bottom: 0; }
  .filter .filter__select {
    width: 100%;
    padding: .375rem 1.75rem;
    border-radius: 4px;
    background-color: #ffffff;
    transition: background-color 0.25s ease;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer; }
    .filter .filter__select:hover, .filter .filter__select:focus, .filter .filter__select:active, .filter .filter__select.active {
      outline: none;
      box-shadow: none; }
  .filter .filter__form {
    position: relative;
    width: 100%; }
  .filter .filter__icon {
    position: absolute;
    top: 1px;
    right: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: calc(100% - 2px);
    font-size: 1rem;
    color: #006ea1;
    border: 0;
    background-color: #ffffff;
    pointer-events: none; }
    .filter .filter__icon--transparent {
      top: 0px;
      right: 0px;
      height: 100%; }
  .filter--search, .filter--year {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767.98px) {
      .filter--search, .filter--year {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; } }
    .filter--search label, .filter--year label {
      font-weight: 600;
      white-space: nowrap; }

.form--primary-group label,
.form--primary .form-group label {
  font-weight: 700; }

.form--primary-control,
.form--primary .form-control {
  border-radius: 0;
  transition: border-color .3s ease-in-out; }
  .form--primary-control:hover, .form--primary-control:focus, .form--primary-control:active, .form--primary-control.active,
  .form--primary .form-control:hover,
  .form--primary .form-control:focus,
  .form--primary .form-control:active,
  .form--primary .form-control.active {
    border-color: #ED4E36;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }

.form--primary input.form-control[type=file],
.form--primary .form input.form-control[type=file] {
  height: auto; }

.form .custom-control {
  padding-left: 2rem;
  margin-bottom: 1rem; }

.form .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .form .custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: none; }
  .form .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none; }

.custom-radio .custom-control-input:focus ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(237, 78, 54, 0.25); }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #ED4E36; }

.custom-radio .custom-control-label.active:before,
.custom-checkbox .custom-control-label.active:before {
  background-color: #ED4E36; }

.custom-radio .custom-control-label.active:after,
.custom-checkbox .custom-control-label.active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.headline {
  position: relative; }

.media .media__icon {
  padding-right: .5rem; }

.media--content {
  display: block;
  padding: 3rem 2.25rem;
  background-color: #ffffff; }
  @media (max-width: 767.98px) {
    .media--content {
      padding: 1.75rem .75rem; } }
  .media--content .media__body {
    margin-bottom: 1.25rem; }
  .media--content .media__block {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 1rem; }
    @media (max-width: 767.98px) {
      .media--content .media__block {
        flex-direction: column;
        margin-bottom: .75rem; } }
  .media--content .media__title {
    font-weight: bold;
    line-height: 1.2; }
  .media--content .media__time {
    margin-right: 1.25rem;
    font-weight: bold;
    color: #95694C; }

.media--info {
  flex-direction: column; }
  .media--info .media__icon {
    padding-right: .75rem; }
    .media--info .media__icon i {
      font-size: 22px;
      color: #ED4E36; }
  .media--info .media__section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: .75rem; }

.media--message {
  position: relative;
  display: block; }
  .media--message:before {
    position: absolute;
    bottom: 0;
    height: 88%;
    width: 100%;
    content: '';
    background-color: #f5f5f5; }
    @media (max-width: 991.98px) {
      .media--message:before {
        height: 90%; } }
  .media--message:after {
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 400px;
    content: '';
    background-image: url(/storage/pattern/pattern-bottom-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left; }
    @media (max-width: 991.98px) {
      .media--message:after {
        width: 300px;
        height: 300px; } }
  .media--message .media__content {
    padding-bottom: 1.5rem; }
  .media--message .media__image {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    border-radius: 0;
    overflow: hidden;
    max-width: 350px; }
  .media--message .media__signature {
    padding: 1.25rem 0;
    margin: .75rem 0 1.25rem;
    text-align: right; }
    @media (max-width: 767.98px) {
      .media--message .media__signature {
        text-align: center; } }
  .media--message .media__quote {
    padding: 1rem 0;
    margin-bottom: 2rem; }

.media--message-v2 {
  position: relative;
  display: block; }
  .media--message-v2:after {
    display: none;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 400px;
    content: '';
    background-image: url(/storage/pattern/pattern-bottom-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    transform: scaleX(-1); }
    @media (max-width: 991.98px) {
      .media--message-v2:after {
        width: 300px;
        height: 300px; } }
  .media--message-v2 .media__content {
    padding-bottom: 1.5rem; }
  .media--message-v2 .media__image {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    border-radius: 0;
    overflow: hidden;
    max-width: 350px; }
  .media--message-v2 .media__signature {
    padding: 1.25rem 0;
    margin: .75rem 0 1.25rem;
    text-align: right; }
    @media (max-width: 767.98px) {
      .media--message-v2 .media__signature {
        text-align: center; } }
  .media--message-v2 .media__quote {
    padding: 1rem 0;
    margin-bottom: 2rem; }

.media--board {
  position: relative;
  display: block; }
  .media--board .media__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 280px;
    height: 100%;
    max-width: 280px;
    margin: 0 auto 2.5rem;
    border-radius: 100%;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .media--board .media__image {
        max-width: 250px;
        max-height: 250px; } }
    @media (max-width: 767.98px) {
      .media--board .media__image {
        max-width: 220px;
        max-height: 220px; } }
  .media--board .media__title, .media--board .media__position {
    text-align: center; }
  .media--board .media__title {
    margin: 1rem 0; }
  .media--board .media__block {
    margin-bottom: 1.75rem; }
  .media--board .media__position {
    padding: 0 1.75rem; }

@media (max-width: 991.98px) {
  .media--footer {
    justify-content: center;
    align-items: baseline;
    width: 280px;
    margin: 0 auto; } }

@media (max-width: 767.98px) {
  .media--footer {
    width: 250px; } }

@media (max-width: 991.98px) {
  .media--footer .media__body {
    text-align: center; } }

@media (max-width: 767.98px) {
  .media--footer .media__body {
    font-size: 15px; } }

.monthly--primary {
  border-bottom: 0; }
  .monthly--primary .monthly-prev, .monthly--primary .monthly-next {
    display: flex;
    align-items: center;
    justify-content: center; }
    .monthly--primary .monthly-prev:after, .monthly--primary .monthly-next:after {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      border: 0;
      color: #ffffff;
      font-size: 18px; }
  .monthly--primary .monthly-prev {
    left: 0;
    right: 30px; }
    .monthly--primary .monthly-prev:after {
      font-family: 'Font Awesome 5 Pro';
      content: "\F0D9";
      font-weight: 700;
      font-size: 30px;
      color: #ffffff; }
  .monthly--primary .monthly-next {
    left: initial;
    right: 0; }
    .monthly--primary .monthly-next:after {
      font-family: 'Font Awesome 5 Pro';
      content: "\F0DA";
      font-weight: 700;
      font-size: 30px;
      color: #ffffff; }
  .monthly--primary .monthly-header {
    background-color: #006ea1;
    padding: 1rem 0; }
    .monthly--primary .monthly-header-title {
      color: #ffffff; }
      .monthly--primary .monthly-header-title a {
        color: #ffffff; }
      .monthly--primary .monthly-header-title-date {
        color: #ffffff; }
  .monthly--primary .monthly-day-title-wrap div {
    padding: 1rem 0;
    background-color: #006ea1;
    color: #ffffff; }
    .monthly--primary .monthly-day-title-wrap div:last-child {
      border-right: 0; }
  .monthly--primary .monthly-day-wrap div:last-child {
    border-right: 0; }
  @media (max-width: 767.98px) {
    .monthly--primary .monthly-day-number {
      font-size: inherit; } }
  .monthly--primary .monthly-day-event.has-event .monthly-indicator-wrap .monthly-event-indicator {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-color: #ED4E36; }
  .monthly--primary .monthly-day-event.monthly-today .monthly-day-number {
    color: #ffffff; }
  .monthly--primary .monthly-day-event.monthly-today .monthly-indicator-wrap {
    background-color: transparent;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: auto; }
  .monthly--primary .monthly-day-number {
    color: #ffffff;
    font-weight: 700 !important; }
  .monthly--primary .monthly-day-blank, .monthly--primary .monthly-day {
    background-color: #006ea1; }
  .monthly--primary .monthly-event-list {
    padding: 0 20px;
    background-color: #f5f5f5; }
    .monthly--primary .monthly-event-list:after {
      position: absolute;
      bottom: 1rem;
      right: 1rem;
      height: 70%;
      width: 100%;
      content: '';
      background-position: bottom right;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/themes/default/assets/static/images/pattern/asset-08.svg);
      opacity: 0.1; }
    .monthly--primary .monthly-event-list .check-event {
      padding-top: 1rem; }
    @media (max-width: 991.98px) {
      .monthly--primary .monthly-event-list {
        padding: 1rem; }
        .monthly--primary .monthly-event-list:after {
          height: 200px;
          width: 224px; } }
  .monthly--primary .monthly-list-item {
    margin-bottom: 0;
    padding: 20px 30px;
    border-left: 0;
    border-bottom: 1px solid rgba(103, 103, 104, 0.3);
    background-color: transparent; }
    .monthly--primary .monthly-list-item:first-child {
      padding-top: 20px; }
    .monthly--primary .monthly-list-item .monthly-event-list-date {
      position: relative;
      display: block;
      padding: 0;
      font-size: inherit;
      color: #006ea1; }
      .monthly--primary .monthly-list-item .monthly-event-list-date:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\F017";
        position: absolute;
        top: -3px;
        left: -25px;
        font-weight: 500;
        font-size: 18px;
        color: #ED4E36; }
    .monthly--primary .monthly-list-item .listed-event h4 {
      color: #000000;
      margin-bottom: .25rem; }

.navbar--submenu {
  padding: 0; }
  @media (max-width: 991.98px) {
    .navbar--submenu {
      border-bottom: 0; } }
  .navbar--submenu .navbar-toggler {
    position: relative;
    padding: 1rem;
    width: 100%;
    color: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 110, 161, 0.5);
    background-color: rgba(0, 110, 161, 0.5); }
    .navbar--submenu .navbar-toggler:focus {
      outline: 0; }
  .navbar--submenu.navbar--brown .navbar-toggler {
    border: 1px solid rgba(0, 110, 161, 0.5);
    background-color: rgba(0, 110, 161, 0.5); }
  .navbar--submenu.navbar--brown .nav-item {
    border-bottom: 1px solid rgba(0, 110, 161, 0.5); }
    .navbar--submenu.navbar--brown .nav-item .nav-link.active {
      background-color: rgba(0, 110, 161, 0.5) !important; }

.navbar--transparent {
  padding: 0; }
  .navbar--transparent .navbar-toggler {
    position: relative;
    padding: 1rem;
    width: 100%;
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #ffffff;
    background-color: transparent; }
    .navbar--transparent .navbar-toggler:focus {
      outline: 0; }

.nav-tabs {
  border-bottom: 0; }
  .nav-tabs .nav-item {
    margin-bottom: -2px; }
    .nav-tabs .nav-item .nav-link {
      position: relative;
      border: 0;
      min-width: 150px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1.1px;
      transition: all .3s ease-in-out; }
      .nav-tabs .nav-item .nav-link.active:after {
        content: "";
        width: 100%;
        height: 7px;
        position: absolute;
        left: 0;
        bottom: -7px; }
  .nav-tabs--submenu {
    justify-content: flex-start; }
    @media (max-width: 991.98px) {
      .nav-tabs--submenu {
        margin-left: 0; } }
    .nav-tabs--submenu .nav-item {
      border-bottom: 1px solid #006ea1; }
      @media (max-width: 991.98px) {
        .nav-tabs--submenu .nav-item {
          border: 1px solid #ffffff;
          margin-top: 2px;
          width: 100%; } }
      .nav-tabs--submenu .nav-item .nav-link {
        color: #006ea1;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        transition: all .3s ease-in-out; }
        .nav-tabs--submenu .nav-item .nav-link.active {
          color: #ffffff;
          background-color: #006ea1; }
        @media (max-width: 991.98px) {
          .nav-tabs--submenu .nav-item .nav-link {
            background-color: #f5f5f5; }
            .nav-tabs--submenu .nav-item .nav-link.active {
              background-color: #676768; } }
  .nav-tabs--transparent {
    justify-content: center; }
    .nav-tabs--transparent .nav-item {
      border-bottom: 1px solid #ffffff; }
      @media (max-width: 767.98px) {
        .nav-tabs--transparent .nav-item {
          margin-top: 2px; } }
      @media (max-width: 767.98px) {
        .nav-tabs--transparent .nav-item {
          border: 1px solid #ffffff;
          width: 100%; } }
      .nav-tabs--transparent .nav-item .nav-link {
        color: #D1D1D1;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        transition: all .3s ease-in-out; }
        .nav-tabs--transparent .nav-item .nav-link.active {
          color: #ffffff; }
          .nav-tabs--transparent .nav-item .nav-link.active:after {
            background-color: #ffffff; }
          @media (max-width: 767.98px) {
            .nav-tabs--transparent .nav-item .nav-link.active {
              color: #006ea1;
              background-color: #ffffff; }
              .nav-tabs--transparent .nav-item .nav-link.active:after {
                display: none; } }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  outline: 0; }
  @media (max-width: 767px) {
    .pagination .page-item:first-child,
    .pagination .page-item.disabled,
    .pagination .page-item:last-child {
      display: list-item; } }

.page-item {
  outline: 0; }
  .page-item:first-child {
    border: 0; }
    .page-item:first-child .page-link {
      padding: 0.6rem 0.73rem;
      margin-left: 0;
      color: rgba(103, 103, 104, 0.75); }
      .page-item:first-child .page-link:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\F177";
        font-size: 16px;
        font-weight: 300;
        color: rgba(103, 103, 104, 0.75);
        float: left; }
      .page-item:first-child .page-link:hover, .page-item:first-child .page-link:focus {
        color: #006ea1;
        outline: 0;
        box-shadow: none; }
        .page-item:first-child .page-link:hover:before, .page-item:first-child .page-link:focus:before {
          color: #006ea1; }
        .page-item:first-child .page-link:hover:after, .page-item:first-child .page-link:focus:after {
          display: none; }
  .page-item:last-child {
    border: 0; }
    .page-item:last-child .page-link {
      padding: 0.6rem 0.77rem;
      color: rgba(103, 103, 104, 0.75); }
      .page-item:last-child .page-link:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\F178";
        font-size: 16px;
        font-weight: 300;
        color: rgba(103, 103, 104, 0.75);
        float: right; }
      .page-item:last-child .page-link:hover, .page-item:last-child .page-link:focus {
        color: #006ea1;
        outline: 0;
        box-shadow: none; }
        .page-item:last-child .page-link:hover:before, .page-item:last-child .page-link:focus:before {
          color: #006ea1; }
        .page-item:last-child .page-link:hover:after, .page-item:last-child .page-link:focus:after {
          display: none; }
  .page-item.active .page-link {
    z-index: 2;
    color: #ffffff;
    border: none;
    background: none; }
    .page-item.active .page-link:after {
      z-index: -1;
      background-color: #006ea1;
      border-radius: 100%; }
  .page-item.disabled .page-link {
    display: none;
    pointer-events: none; }

.page-link {
  position: relative;
  display: block;
  margin: 0.75rem 0.3rem;
  padding: 0.55rem .85rem;
  color: #000000;
  line-height: 1.25rem;
  border: none;
  transition: 0.5s all ease; }
  .page-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: transparent;
    transition: all 0.3s ease; }
  .page-link:hover, .page-link:focus {
    color: #ffffff;
    outline: 0;
    box-shadow: none;
    background: none !important; }
    .page-link:hover:after, .page-link:focus:after {
      z-index: -1;
      background-color: #006ea1;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45); }

.iframe {
  -webkit-overflow-scrolling: touch; }
  .iframe iframe {
    max-width: 100%;
    min-width: 100%;
    width: 0;
    border: 0; }
    .iframe iframe.email-alerts {
      height: 790px; }
    .iframe iframe.email-alerts-unsubscribe {
      height: 400px; }
    .iframe iframe.interactive-chart {
      height: 550px; }
    .iframe iframe.investment-calculator {
      height: 800px; }
    .iframe iframe.investor-kit {
      height: 900px; }
    @media (max-width: 991.98px) {
      .iframe iframe.investment-calculator {
        height: 1080px; }
      .iframe iframe.investor-kit {
        height: 2380px; } }
    @media (max-width: 767.98px) {
      .iframe iframe.email-alerts {
        height: 1180px; }
      .iframe iframe.investment-calculator {
        height: 1300px; }
      .iframe iframe.interactive-chart {
        height: 610px; } }
    @media (max-width: 575.98px) {
      .iframe iframe.email-alerts {
        height: 1380px; }
        html[lang='th'] .iframe iframe.email-alerts {
          height: 1320px; }
      .iframe iframe.investor-kit {
        height: 2500px; } }
    @media (min-width: 375px) and (max-width: 414px) {
      .iframe iframe.email-alerts {
        height: 1330px; } }

.g-recaptcha {
  display: flex;
  justify-content: center; }
  @media (max-width: 420px) {
    .g-recaptcha > div {
      transform: scale(0.8); } }

.datepicker-box {
  width: 100%;
  position: relative; }
  .datepicker-box input {
    width: 100%; }
  .datepicker-box:after {
    content: '\F073';
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    height: 100%;
    pointer-events: none;
    color: rgba(103, 103, 104, 0.5);
    display: flex;
    justify-content: center;
    align-items: center; }
  .datepicker-box .ui-datepicker-trigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    font-size: 0; }
    .datepicker-box .ui-datepicker-trigger img {
      display: none; }

@media (max-width: 480px) {
  #ir_chart_container > div > div {
    position: static !important;
    margin: 0.75rem 0 0 0.7rem; }
  #ir_chart_container .highcharts-container {
    margin-top: 1rem; } }

.calculator .up_arrow,
.calculator .down_arrow {
  display: none; }

.calculator .table--calculator {
  margin: 2rem 0; }
  .calculator .table--calculator tr th,
  .calculator .table--calculator tr td {
    text-align: center; }
  @media (max-width: 767.98px) {
    .calculator .table--calculator {
      margin: 1rem 0;
      display: block;
      border: 1px solid #ED4E36; }
      .calculator .table--calculator tbody,
      .calculator .table--calculator tr,
      .calculator .table--calculator th,
      .calculator .table--calculator td {
        display: block; }
      .calculator .table--calculator thead {
        display: none; }
      .calculator .table--calculator tr {
        border: none !important; }
      .calculator .table--calculator td {
        position: relative;
        text-align: right !important;
        white-space: normal;
        padding-left: 50%;
        border: none !important;
        border-bottom: 1px solid rgba(103, 103, 104, 0.15) !important; }
        .calculator .table--calculator td:before {
          content: attr(data-title);
          position: absolute;
          top: 0.75rem;
          left: 0.75rem;
          white-space: nowrap;
          text-align: left;
          font-weight: bold; } }

.investor-kit__detail > div {
  padding: 1rem; }
  .investor-kit__detail > div:nth-child(2n) {
    background-color: rgba(0, 110, 161, 0.05); }
  .investor-kit__detail > div:last-child {
    font-weight: bold;
    color: #ED4E36; }

.investor-kit__detail .custom-control {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0 auto; }
  .investor-kit__detail .custom-control-input {
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer; }
  .investor-kit__detail .custom-control-label {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .investor-kit__detail .custom-control-label:before, .investor-kit__detail .custom-control-label:after {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .investor-kit__detail .custom-control-label:after {
      background-size: 60%; }

.investor-kit__detail .btn-checkbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 55px; }
  .investor-kit__detail .btn-checkbox a {
    display: block;
    margin-top: 0.25rem; }

.investor-kit__detail .yearly {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .investor-kit__detail .yearly .title {
    width: 75%; }
  .investor-kit__detail .yearly .btn-checkbox {
    width: 25%; }

.investor-kit__detail .quarter .btn-checkbox {
  flex-direction: row; }
  .investor-kit__detail .quarter .btn-checkbox > div {
    width: 25%;
    text-align: center; }

.sum_size {
  text-align: center !important;
  pointer-events: none; }

.ir_chart_interactive_loading {
  text-align: center; }
  .ir_chart_interactive_loading #ir_loading_indicator {
    display: inline-block;
    border: 10px solid #f5f5f5;
    border-radius: 50%;
    border-top: 10px solid #ED4E36;
    width: 50px;
    height: 50px;
    margin: 10px auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.card, .card--noborder, .card--primary, .card--secondary, .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight, .card--presentation, .card--event, .card--report, .card--download, .card--subsidiary, .card--round-corner {
  border: 0;
  border-radius: 0;
  min-height: 220px; }
  @media (max-width: 991.98px) {
    .card, .card--noborder, .card--primary, .card--secondary, .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight, .card--presentation, .card--event, .card--report, .card--download, .card--subsidiary, .card--round-corner {
      min-height: 209px; } }
  .card .card__header, .card--noborder .card__header, .card--primary .card__header, .card--secondary .card__header, .card--secondary-highlight .card__header, .card--report-highlight .card__header, .card--presentation-highlight .card__header, .card--presentation .card__header, .card--event .card__header, .card--report .card__header, .card--download .card__header, .card--subsidiary .card__header, .card--round-corner .card__header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent; }
  .card .card__body, .card--noborder .card__body, .card--primary .card__body, .card--secondary .card__body, .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body, .card--presentation .card__body, .card--event .card__body, .card--report .card__body, .card--download .card__body, .card--subsidiary .card__body, .card--round-corner .card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem; }
  .card .card__footer, .card--noborder .card__footer, .card--primary .card__footer, .card--secondary .card__footer, .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer, .card--presentation .card__footer, .card--event .card__footer, .card--report .card__footer, .card--download .card__footer, .card--subsidiary .card__footer, .card--round-corner .card__footer {
    padding: .75rem 1.25rem 1rem; }
  .card--noborder {
    border: 0;
    border-radius: 0;
    background-color: transparent; }

.card--primary, .card--secondary, .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight, .card--presentation {
  min-height: 213px;
  border: 1px solid rgba(103, 103, 104, 0.1);
  border-radius: 0;
  transition: box-shadow .3s ease-in-out; }
  @media (max-width: 767.98px) {
    .card--primary, .card--secondary, .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight, .card--presentation {
      min-height: 0;
      height: auto; } }
  .card--primary .card__img, .card--secondary .card__img, .card--secondary-highlight .card__img, .card--report-highlight .card__img, .card--presentation-highlight .card__img, .card--presentation .card__img {
    height: 100%;
    max-height: 230px; }
    .card--primary .card__img img, .card--secondary .card__img img, .card--secondary-highlight .card__img img, .card--report-highlight .card__img img, .card--presentation-highlight .card__img img, .card--presentation .card__img img {
      opacity: 0; }
  .card--primary .card__body, .card--secondary .card__body, .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body, .card--presentation .card__body {
    height: 170px;
    padding: 1.35rem 1.5rem 0;
    overflow: hidden;
    line-height: 1.5; }
  .card--primary .card__body--custom, .card--secondary .card__body--custom, .card--secondary-highlight .card__body--custom, .card--report-highlight .card__body--custom, .card--presentation-highlight .card__body--custom, .card--presentation .card__body--custom {
    height: 157px; }
  .card--primary .card__footer, .card--secondary .card__footer, .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer, .card--presentation .card__footer {
    padding: .5rem 1.5rem; }
  .card--primary .card__period, .card--secondary .card__period, .card--secondary-highlight .card__period, .card--report-highlight .card__period, .card--presentation-highlight .card__period, .card--presentation .card__period {
    padding: .05rem 1.5rem;
    color: #006ea1; }
  .card--primary .card__link .readmore, .card--secondary .card__link .readmore, .card--secondary-highlight .card__link .readmore, .card--report-highlight .card__link .readmore, .card--presentation-highlight .card__link .readmore, .card--presentation .card__link .readmore {
    font-size: .95rem;
    transition: color .3s ease-in-out; }
    .card--primary .card__link .readmore:after, .card--secondary .card__link .readmore:after, .card--secondary-highlight .card__link .readmore:after, .card--report-highlight .card__link .readmore:after, .card--presentation-highlight .card__link .readmore:after, .card--presentation .card__link .readmore:after {
      width: 60%; }
  .card--primary:hover, .card--secondary:hover, .card--secondary-highlight:hover, .card--report-highlight:hover, .card--presentation-highlight:hover, .card--presentation:hover, .card--primary:focus, .card--secondary:focus, .card--secondary-highlight:focus, .card--report-highlight:focus, .card--presentation-highlight:focus, .card--presentation:focus {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
    .card--primary:hover .card__body, .card--secondary:hover .card__body, .card--secondary-highlight:hover .card__body, .card--report-highlight:hover .card__body, .card--presentation-highlight:hover .card__body, .card--presentation:hover .card__body, .card--primary:focus .card__body, .card--secondary:focus .card__body, .card--secondary-highlight:focus .card__body, .card--report-highlight:focus .card__body, .card--presentation-highlight:focus .card__body, .card--presentation:focus .card__body {
      color: #676768; }
    .card--primary:hover .card__link .readmore, .card--secondary:hover .card__link .readmore, .card--secondary-highlight:hover .card__link .readmore, .card--report-highlight:hover .card__link .readmore, .card--presentation-highlight:hover .card__link .readmore, .card--presentation:hover .card__link .readmore, .card--primary:focus .card__link .readmore, .card--secondary:focus .card__link .readmore, .card--secondary-highlight:focus .card__link .readmore, .card--report-highlight:focus .card__link .readmore, .card--presentation-highlight:focus .card__link .readmore, .card--presentation:focus .card__link .readmore {
      color: #676768; }
      .card--primary:hover .card__link .readmore:before, .card--secondary:hover .card__link .readmore:before, .card--secondary-highlight:hover .card__link .readmore:before, .card--report-highlight:hover .card__link .readmore:before, .card--presentation-highlight:hover .card__link .readmore:before, .card--presentation:hover .card__link .readmore:before, .card--primary:focus .card__link .readmore:before, .card--secondary:focus .card__link .readmore:before, .card--secondary-highlight:focus .card__link .readmore:before, .card--report-highlight:focus .card__link .readmore:before, .card--presentation-highlight:focus .card__link .readmore:before, .card--presentation:focus .card__link .readmore:before {
        background-color: #676768; }

.card--secondary, .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight, .card--presentation {
  border: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden; }
  .card--secondary .card__img, .card--secondary-highlight .card__img, .card--report-highlight .card__img, .card--presentation-highlight .card__img, .card--presentation .card__img {
    height: 100%;
    height: 230px;
    background-position: center; }
  .card--secondary .card__body, .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body, .card--presentation .card__body {
    height: 171px;
    padding: 1.25rem;
    overflow: hidden; }
    @media (max-width: 767.98px) {
      .card--secondary .card__body, .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body, .card--presentation .card__body {
        min-height: 0;
        height: auto; } }
  .card--secondary .card__footer, .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer, .card--presentation .card__footer {
    padding: .75rem 1.25rem; }
  .card--secondary .card__period, .card--secondary-highlight .card__period, .card--report-highlight .card__period, .card--presentation-highlight .card__period, .card--presentation .card__period {
    padding: 0 1.25rem;
    color: #006ea1; }
  @media (max-width: 767.98px) {
    .card--secondary .card__link .readmore:before, .card--secondary-highlight .card__link .readmore:before, .card--report-highlight .card__link .readmore:before, .card--presentation-highlight .card__link .readmore:before, .card--presentation .card__link .readmore:before {
      width: 55%; } }

.card--secondary-highlight, .card--report-highlight, .card--presentation-highlight {
  flex-direction: row;
  align-items: flex-end;
  max-height: unset; }
  @media (max-width: 991.98px) {
    .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight {
      flex-direction: column; } }
  @media (max-width: 767.98px) {
    .card--secondary-highlight, .card--report-highlight, .card--presentation-highlight {
      flex-direction: column;
      align-items: flex-start; } }
  .card--secondary-highlight .card__img, .card--report-highlight .card__img, .card--presentation-highlight .card__img {
    height: 278px;
    max-height: 278px; }
  .card--secondary-highlight .card__detail, .card--report-highlight .card__detail, .card--presentation-highlight .card__detail {
    display: flex;
    flex-direction: column; }
    @media (max-width: 991.98px) {
      .card--secondary-highlight .card__detail, .card--report-highlight .card__detail, .card--presentation-highlight .card__detail {
        padding: 1.5rem .5rem 1.25rem; } }
    @media (max-width: 767.98px) {
      .card--secondary-highlight .card__detail, .card--report-highlight .card__detail, .card--presentation-highlight .card__detail {
        width: 100%;
        padding: 1.25rem .5rem 1rem; } }
  .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body {
    padding: 0 2rem; }
    @media (max-width: 991.98px) {
      .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body {
        padding: 0 .75rem; } }
    @media (max-width: 767.98px) {
      .card--secondary-highlight .card__body, .card--report-highlight .card__body, .card--presentation-highlight .card__body {
        padding: 0;
        text-align: left; } }
  .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer {
    padding: 0 2rem 1.5rem; }
    @media (max-width: 991.98px) {
      .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .5rem 1.25rem; } }
    @media (max-width: 767.98px) {
      .card--secondary-highlight .card__footer, .card--report-highlight .card__footer, .card--presentation-highlight .card__footer {
        flex-direction: column;
        align-items: center;
        padding: 0; } }
  .card--secondary-highlight .card__period, .card--report-highlight .card__period, .card--presentation-highlight .card__period {
    padding: 0 2rem;
    margin-bottom: .75rem; }
    @media (max-width: 991.98px) {
      .card--secondary-highlight .card__period, .card--report-highlight .card__period, .card--presentation-highlight .card__period {
        padding: 0 .5rem;
        margin-bottom: .5rem; } }
    @media (max-width: 767.98px) {
      .card--secondary-highlight .card__period, .card--report-highlight .card__period, .card--presentation-highlight .card__period {
        padding: 0; } }
  .card--secondary-highlight .card__link .readmore:before, .card--report-highlight .card__link .readmore:before, .card--presentation-highlight .card__link .readmore:before {
    width: 75%; }
  @media (max-width: 991.98px) {
    .card--secondary-highlight .card__link, .card--report-highlight .card__link, .card--presentation-highlight .card__link {
      width: 100%; } }
  @media (max-width: 767.98px) {
    .card--secondary-highlight .card__link, .card--report-highlight .card__link, .card--presentation-highlight .card__link {
      padding: 0; }
      .card--secondary-highlight .card__link .readmore:before, .card--report-highlight .card__link .readmore:before, .card--presentation-highlight .card__link .readmore:before {
        width: 50%; } }

.card--event {
  background-color: transparent; }
  .card--event .card__body {
    padding: .5rem 1.25rem; }
  .card--event .card__footer {
    padding: .5rem 1.25rem; }

.card--board {
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center; }
  .card--board .card__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 240px;
    border-radius: 100%;
    overflow: hidden;
    transition: all .3s ease-in-out; }
  .card--board .card__body {
    padding-top: 1.75rem;
    text-align: center;
    transition: all .4s ease-in-out; }
  .card--board:hover .card__image, .card--board:focus .card__image {
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.75); }
  .card--board:hover .card__body, .card--board:focus .card__body {
    color: #006ea1; }

.card--quick-download {
  min-height: 210px;
  background-color: transparent; }
  @media (max-width: 991.98px) {
    .card--quick-download {
      min-height: 190px; } }
  @media (max-width: 767.98px) {
    .card--quick-download {
      min-height: 165px; } }
  .card--quick-download .card__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    padding-top: 1.5rem; }
    .card--quick-download .card__icon:after {
      position: absolute;
      z-index: 0;
      content: '';
      border: 1px solid #006ea1;
      width: 80px;
      height: 80px;
      border-radius: 100%;
      background-color: transparent; }
    .card--quick-download .card__icon i {
      font-size: 35px;
      color: #006ea1; }
  .card--quick-download .card__body {
    height: 100px;
    padding: 1rem 1.25rem .5rem;
    text-align: center; }
    @media (max-width: 1199.98px) {
      .card--quick-download .card__body {
        height: auto; } }
  .card--quick-download .card__text {
    margin-bottom: 0;
    text-transform: uppercase; }
  .card--quick-download .card__footer {
    padding: 0;
    text-align: center; }

.card--overlay {
  position: relative; }
  .card--overlay .card__img {
    height: 265px; }
  .card--overlay .card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    content: '';
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    transition: all .5s ease-in-out; }
  .card--overlay .card__body {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem 0; }
  .card--overlay .card__footer {
    display: none;
    transition: all .7s ease-in-out;
    transition-delay: 3s; }
  .card--overlay .card__title {
    text-transform: uppercase;
    color: #000000;
    text-align: center; }
  .card--overlay .card__text {
    display: none;
    transition: all .7s ease-in-out;
    transition-delay: 3s; }
  .card--overlay:hover .card__overlay, .card--overlay:focus .card__overlay {
    padding: 2.75rem 0;
    height: 100%;
    background-color: #ffffff; }
  .card--overlay:hover .card__footer, .card--overlay:focus .card__footer {
    display: block; }
  .card--overlay:hover .card__text, .card--overlay:focus .card__text {
    display: block; }
  .card--overlay:hover .card__body, .card--overlay:focus .card__body {
    height: auto;
    padding: 1rem; }

.card--overlay-download {
  position: relative;
  overflow: hidden; }
  .card--overlay-download .card__img {
    height: 255px;
    background-position: center;
    transition: transform .5s ease-in-out; }
  .card--overlay-download .card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    overflow: hidden;
    transition: all .5s ease-in-out;
    background-color: #006ea1;
    text-align: left;
    min-height: 92px;
    height: auto; }
  .card--overlay-download .card__body {
    padding: .75rem 1.25rem;
    display: block; }
    @media (max-width: 767.98px) {
      .card--overlay-download .card__body {
        padding: .75rem .75rem; } }
  .card--overlay-download .card__detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .card--overlay-download .card__title {
    margin-bottom: .15rem;
    max-width: 310px;
    color: #ffffff;
    text-align: left; }
  .card--overlay-download .card__footer {
    color: #ffffff; }
  .card--overlay-download .card__text {
    display: block;
    text-align: left;
    color: #ffffff; }
    @media (min-width: 1200px) {
      .card--overlay-download .card__text small {
        font-size: 75%; } }
  .card--overlay-download .card__icon {
    color: #ffffff; }
  .card--overlay-download:hover .card__img, .card--overlay-download:focus .card__img {
    transform: scale(1.05); }

.card--recent {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: auto; }
  .card--recent .card__img {
    flex: 0 0 100px;
    margin-top: 1rem; }
  .card--recent .card__datail {
    padding: .5rem; }
  .card--recent .card__text {
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px; }
  .card--recent .card__body {
    padding: .75rem .75rem 0; }
  .card--recent .card__footer {
    padding: .25rem .75rem; }
  .card--recent .card__period {
    padding: .25rem .75rem;
    font-size: 12px;
    color: #006ea1;
    line-height: 1; }
  .card--recent .card__link .readmore {
    font-size: 13px; }
  .card--recent .card__link--half-width .readmore:before {
    width: 50%; }
  .card--recent:hover .card__body, .card--recent:focus .card__body {
    color: #000000; }
  .card--recent:hover .card__link .readmore, .card--recent:focus .card__link .readmore {
    color: #676768; }
    .card--recent:hover .card__link .readmore:before, .card--recent:focus .card__link .readmore:before {
      background-color: #676768; }

.card--report .card__img {
  position: relative; }

.card--report .card__body {
  padding: 1rem 1.25rem; }

.card--report .card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 120px;
  width: 100%;
  content: '';
  background-color: #006ea1; }

.card--report .card__title {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase; }

.card--report .card__footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.75rem 1.25rem;
  box-shadow: 0 0 6px rgba(103, 103, 104, 0.2); }

.card--report .card__button {
  margin-bottom: 1rem; }
  .card--report .card__button:last-child {
    margin-bottom: 0; }
  @media (max-width: 767.98px) {
    .card--report .card__button {
      margin-bottom: .75rem;
      width: 100%; }
      .card--report .card__button:after {
        display: none; } }

.card--report-highlight {
  justify-content: center;
  align-items: center; }
  @media (max-width: 991.98px) {
    .card--report-highlight {
      flex-direction: row; } }
  @media (max-width: 767.98px) {
    .card--report-highlight {
      flex-direction: column; } }
  .card--report-highlight .card__img {
    width: 250px;
    height: 333px;
    max-width: unset;
    max-height: unset; }
  .card--report-highlight .card__body {
    min-height: 0;
    height: 100%; }
    @media (max-width: 767.98px) {
      .card--report-highlight .card__body {
        text-align: center; } }
  .card--report-highlight .card__button {
    position: relative;
    margin-right: 2.5rem; }
    .card--report-highlight .card__button:after {
      position: absolute;
      top: 0;
      right: -23px;
      display: flex;
      width: 1px;
      height: 100%;
      content: '';
      background-color: rgba(103, 103, 104, 0.2); }
    .card--report-highlight .card__button:last-child:after {
      display: none; }
    @media (max-width: 1199.98px) {
      .card--report-highlight .card__button:after {
        right: -20px; } }
    @media (max-width: 767.98px) {
      .card--report-highlight .card__button {
        margin-bottom: .75rem;
        margin-right: 0;
        width: 100%; }
        .card--report-highlight .card__button:after {
          display: none; } }
  .card--report-highlight:hover, .card--report-highlight:focus {
    box-shadow: none; }

.card--presentation {
  min-height: unset;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08); }
  .card--presentation .card__body {
    padding: 1.25rem 1.25rem 1rem;
    min-height: 100px;
    height: 100%;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .card--presentation .card__body {
        padding: 1.25rem 0.75rem 1rem; } }
    @media (max-width: 767.98px) {
      .card--presentation .card__body {
        min-height: 0;
        height: auto; } }
  .card--presentation .card__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 1.25rem 1.5rem; }
    @media (max-width: 991.98px) {
      .card--presentation .card__footer {
        padding: 1rem 0.75rem 1.25rem; } }
    @media (max-width: 767.98px) {
      .card--presentation .card__footer {
        flex-direction: column; } }
  .card--presentation .card__period {
    padding: 0.75rem 1.25rem; }
    @media (max-width: 991.98px) {
      .card--presentation .card__period {
        padding: 0.75rem; } }
  .card--presentation .card__button {
    position: relative; }
    .card--presentation .card__button:after {
      position: absolute;
      top: 0;
      right: -9px;
      display: flex;
      width: 1px;
      height: 100%;
      content: "";
      background-color: rgba(103, 103, 104, 0.2); }
    .card--presentation .card__button:last-child {
      float: right; }
      .card--presentation .card__button:last-child:after {
        display: none; }
    @media (max-width: 991.98px) {
      .card--presentation .card__button:after {
        right: -6px; } }
    @media (max-width: 767.98px) {
      .card--presentation .card__button {
        margin-bottom: 0.75rem;
        width: 100%; }
        .card--presentation .card__button:after {
          display: none; } }

.card--presentation-highlight .card__img {
  background-size: contain; }

.card--presentation-highlight .card__detail {
  padding: 1.5rem 0.75rem 1.25rem; }

.card--presentation-highlight .card__body {
  min-height: 0;
  height: 100%; }
  @media (max-width: 767.98px) {
    .card--presentation-highlight .card__body {
      padding: 0;
      text-align: left; } }

.card--presentation-highlight .card__title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0; }

.card--presentation-highlight .card__period {
  padding: 0.5rem 2rem 0.25rem; }
  @media (max-width: 991.98px) {
    .card--presentation-highlight .card__period {
      padding: 0 0.75rem; } }
  @media (max-width: 767.98px) {
    .card--presentation-highlight .card__period {
      padding: 0; } }

.card--presentation-highlight .card__footer {
  padding: 1rem 1.5rem 1.25rem; }
  @media (max-width: 991.98px) {
    .card--presentation-highlight .card__footer {
      padding: 1rem 0.75rem; } }
  @media (max-width: 767.98px) {
    .card--presentation-highlight .card__footer {
      padding: 1rem 0 1.15rem; } }

.card--presentation-highlight .card__button {
  position: relative;
  margin-right: 2.5rem; }
  @media (max-width: 991.98px) {
    .card--presentation-highlight .card__button {
      margin-right: 0.75rem; } }
  .card--presentation-highlight .card__button:after {
    position: absolute;
    top: 0;
    right: -20px;
    display: flex;
    width: 1px;
    height: 100%;
    content: "";
    background-color: rgba(103, 103, 104, 0.2); }
  .card--presentation-highlight .card__button:last-child:after {
    display: none; }
  @media (max-width: 991.98px) {
    .card--presentation-highlight .card__button:after {
      right: -8px; } }
  @media (max-width: 767.98px) {
    .card--presentation-highlight .card__button {
      margin-bottom: 0.75rem;
      margin-right: 0;
      width: 100%; }
      .card--presentation-highlight .card__button:after {
        display: none; } }

.card--presentation-highlight:hover, .card--presentation-highlight:focus {
  box-shadow: none; }

.card--download {
  position: relative;
  display: flex;
  min-height: 240px;
  flex-direction: column;
  align-items: center;
  border-radius: 0;
  border-top-right-radius: 30px;
  border: 1px solid rgba(103, 103, 104, 0.1);
  background-color: rgba(245, 245, 245, 0.5);
  transition: box-shadow .3s ease-in-out;
  overflow: hidden;
  height: 100%; }
  @media (max-width: 767.98px) {
    .card--download {
      min-height: 200px; } }
  .card--download:before {
    position: absolute;
    z-index: 1;
    bottom: -6rem;
    left: -5.25rem;
    width: 70%;
    height: 70%;
    transform: rotate(45deg);
    content: '';
    background-image: url(/themes/default/assets/static/images/pattern/asset-01.svg); }
  .card--download:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-color: #ED4E36; }
  .card--download .card__body {
    position: relative;
    min-height: 145px;
    width: 100%;
    padding: 1.75rem 1rem 1rem;
    text-align: center;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      html[lang="th"] .card--download .card__body {
        min-height: 145px; }
      html[lang="en"] .card--download .card__body {
        min-height: 185px; } }
    @media (max-width: 767.98px) {
      .card--download .card__body {
        padding: 1.75rem 1.25rem 1rem;
        min-height: 100px; } }
  .card--download .card__footer {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: .5rem 1.25rem 1.75rem; }
  .card--download .card__title {
    min-height: 75px;
    height: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold; }
    @media (max-width: 767.98px) {
      .card--download .card__title {
        min-height: 50; } }
  .card--download:hover, .card--download:focus {
    background-color: rgba(245, 245, 245, 0.5);
    box-shadow: 0 0 20px rgba(103, 103, 104, 0.2); }

.card--subsidiary {
  min-height: 150px;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out; }
  .card--subsidiary .card__image {
    text-align: center; }
    @media (min-width: 992px) {
      .card--subsidiary .card__image {
        width: 184px; } }
    @media (max-width: 991.98px) {
      .card--subsidiary .card__image {
        width: 150px; } }
    @media (max-width: 767.98px) {
      .card--subsidiary .card__image {
        width: 150px; } }
    @media (max-width: 575.98px) {
      .card--subsidiary .card__image {
        width: 200px; } }
  .card--subsidiary:hover, .card--subsidiary:focus {
    transform: scale(1.05);
    z-index: 10;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); }

.card--round-corner {
  height: 390px;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 30px;
  background-color: #f5f5f5; }
  @media (max-width: 991.98px) {
    .card--round-corner {
      height: 350px; } }
  @media (max-width: 767.98px) {
    .card--round-corner {
      height: auto; } }
  .card--round-corner .card__icon {
    padding-top: 2.25rem;
    text-align: center; }
    .card--round-corner .card__icon i {
      font-size: 50px;
      color: #006ea1; }
  .card--round-corner .card__body {
    padding: .75rem 1rem;
    text-align: center; }
  .card--round-corner .card__title {
    color: #006ea1; }

.table thead, .table--financial thead, .table--shareholder thead {
  border-right: 1px solid #006ea1;
  border-left: 1px solid #006ea1; }
  .table thead tr, .table--financial thead tr, .table--shareholder thead tr {
    color: #ffffff;
    background-color: #006ea1; }
    .table thead tr th, .table--financial thead tr th, .table--shareholder thead tr th {
      border: none;
      vertical-align: center !important; }

.table tbody, .table--financial tbody, .table--shareholder tbody {
  border-right: 1px solid rgba(103, 103, 104, 0.15);
  border-left: 1px solid rgba(103, 103, 104, 0.15); }
  .table tbody tr.table-heading, .table--financial tbody tr.table-heading, .table--shareholder tbody tr.table-heading {
    background-color: transparent;
    border-top: 2px solid #006ea1; }
    .table tbody tr.table-heading th, .table--financial tbody tr.table-heading th, .table--shareholder tbody tr.table-heading th {
      padding: 1.25rem .75rem 1rem;
      color: #006ea1;
      background-color: transparent;
      border-right: 1px solid rgba(103, 103, 104, 0.15); }
  .table tbody tr.table-lead, .table--financial tbody tr.table-lead, .table--shareholder tbody tr.table-lead {
    background-color: transparent;
    border-bottom: 1px solid rgba(103, 103, 104, 0.15); }
    .table tbody tr.table-lead th, .table--financial tbody tr.table-lead th, .table--shareholder tbody tr.table-lead th {
      background-color: transparent;
      border-right: 1px solid rgba(103, 103, 104, 0.15);
      border-top: 0; }
  .table tbody tr.table-info, .table--financial tbody tr.table-info, .table--shareholder tbody tr.table-info {
    background-color: rgba(0, 110, 161, 0.15); }
    .table tbody tr.table-info th, .table--financial tbody tr.table-info th, .table--shareholder tbody tr.table-info th,
    .table tbody tr.table-info td,
    .table--financial tbody tr.table-info td,
    .table--shareholder tbody tr.table-info td {
      font-weight: bold;
      background-color: rgba(0, 110, 161, 0.15); }
  .table tbody tr th.highlight-title, .table--financial tbody tr th.highlight-title, .table--shareholder tbody tr th.highlight-title {
    color: #006ea1;
    border-bottom: 0; }
  .table tbody tr th.highlight-subtitle, .table--financial tbody tr th.highlight-subtitle, .table--shareholder tbody tr th.highlight-subtitle {
    color: #000000;
    font-weight: bold;
    border-bottom: 0; }
  .table tbody tr td, .table--financial tbody tr td, .table--shareholder tbody tr td {
    border-top: 0;
    border-bottom: 1px solid rgba(103, 103, 104, 0.15);
    border-right: 1px solid rgba(103, 103, 104, 0.15); }
    .table tbody tr td:last-child, .table--financial tbody tr td:last-child, .table--shareholder tbody tr td:last-child {
      border-right: 0; }
  .table tbody tr:last-child, .table--financial tbody tr:last-child, .table--shareholder tbody tr:last-child {
    border-bottom: 2px solid #006ea1; }
  .table tbody tr:hover, .table--financial tbody tr:hover, .table--shareholder tbody tr:hover, .table tbody tr:focus, .table--financial tbody tr:focus, .table--shareholder tbody tr:focus {
    background-color: rgba(0, 110, 161, 0.15); }

.table--board thead tr th {
  text-align: center; }
  @media (max-width: 767.98px) {
    .table--board thead tr th:first-child {
      min-width: 140px;
      width: 100%; }
    .table--board thead tr th:nth-child(2) {
      min-width: 225px;
      width: 100%; }
    .table--board thead tr th:nth-child(3), .table--board thead tr th:nth-child(4) {
      min-width: 200px;
      width: 100%; } }

.table--ir thead tr th:not(:first-child) {
  text-align: right; }

.table--ir tbody tr td:first-child {
  width: 45%; }
  @media (max-width: 767.98px) {
    .table--ir tbody tr td:first-child {
      min-width: 250px; } }

.table--ir tbody tr td:not(:first-child) {
  text-align: right; }

.table--download thead tr th:last-child {
  text-align: center; }

@media (max-width: 767.98px) {
  .table--download thead tr th {
    padding: .75rem .35rem;
    vertical-align: middle; } }

.table--download tbody {
  border: 0; }
  .table--download tbody tr td {
    border-right: 0; }
    .table--download tbody tr td:first-child {
      position: relative;
      width: 85%;
      padding: 1.75rem .75rem 1.25rem 3.75rem; }
      .table--download tbody tr td:first-child:before {
        font-family: 'zen' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\E90D";
        position: absolute;
        top: 0px;
        left: 20px;
        width: 100%;
        height: 100%;
        margin: auto 0;
        display: inline-flex;
        align-items: center;
        font-size: 35px;
        color: #006ea1; }
      @media (max-width: 767.98px) {
        .table--download tbody tr td:first-child {
          padding: 1.5rem .25rem 1.25rem 1.75rem; }
          .table--download tbody tr td:first-child:before {
            left: 5px;
            padding-top: 1.75rem;
            align-items: baseline;
            font-size: 22px; } }
    .table--download tbody tr td:last-child {
      padding: 1.75rem .75rem 1.25rem;
      text-align: center;
      vertical-align: middle;
      color: #676768; }
      .table--download tbody tr td:last-child i {
        font-size: 22px; }

.table--financial thead tr th:not(:first-child) {
  text-align: right; }

@media (max-width: 767.98px) {
  .table--financial thead tr th:first-child {
    min-width: 210px;
    width: 100%; }
  .table--financial thead tr th:not(:first-child) {
    min-width: 150px;
    width: 100%; } }

.table--financial tbody tr.table-heading th:last-child {
  background-color: #f5f5f5; }

.table--financial tbody tr.table-lead th:last-child {
  background-color: #f5f5f5; }

.table--financial tbody tr td:not(:first-child) {
  text-align: right; }

.table--financial tbody tr td:last-child {
  background-color: #f5f5f5; }

.table--analyst tbody tr td:first-child {
  text-align: center; }

.table--analyst tbody tr td:nth-child(2) {
  width: 30%; }
  @media (max-width: 767.98px) {
    .table--analyst tbody tr td:nth-child(2) {
      min-width: 220px !important; } }

@media (max-width: 767.98px) {
  .table--analyst tbody tr td:not(:first-child) {
    min-width: 150px; } }

.table--shareholder thead tr th {
  vertical-align: middle;
  border-right: 1px solid #ffffff; }
  @media (max-width: 767.98px) {
    .table--shareholder thead tr th {
      min-width: 150px; } }
  .table--shareholder thead tr th:not(:first-child) {
    text-align: right; }
  .table--shareholder thead tr th:last-child {
    border-right: 0; }
  @media (max-width: 767.98px) {
    .table--shareholder thead tr th:first-child {
      min-width: 260px; } }

.table--shareholder thead tr:nth-child(2) {
  border-top: 1px solid #ffffff; }
  .table--shareholder thead tr:nth-child(2) th:first-child {
    text-align: right; }
    @media (max-width: 767.98px) {
      .table--shareholder thead tr:nth-child(2) th:first-child {
        min-width: 150px; } }

.table--shareholder tbody tr td {
  text-align: right; }
  .table--shareholder tbody tr td:first-child {
    text-align: left; }

.table--meeting thead {
  border: 0; }
  .table--meeting thead tr:first-child {
    background-color: transparent;
    border-bottom: 2px solid #006ea1; }
    .table--meeting thead tr:first-child th {
      background-color: transparent; }
      .table--meeting thead tr:first-child th:first-child {
        color: #000000; }
  .table--meeting thead tr:last-child {
    border-bottom: 0;
    background-color: transparent; }
    .table--meeting thead tr:last-child th {
      background-color: transparent; }
      .table--meeting thead tr:last-child th:first-child {
        color: #006ea1; }

.table--meeting tbody {
  border: 0; }
  .table--meeting tbody tr.table-lead th {
    border-bottom: 1px solid rgba(103, 103, 104, 0.5);
    border-right: 0; }
  .table--meeting tbody tr.table-lead td {
    border-bottom: 1px solid rgba(103, 103, 104, 0.5);
    border-right: 0; }
  .table--meeting tbody tr th {
    padding: 2rem .75rem 1rem;
    border-top: 0;
    border-right: 0; }
  .table--meeting tbody tr td {
    vertical-align: bottom;
    border-right: 0; }
    .table--meeting tbody tr td:first-child {
      padding-left: 1.5rem; }
    .table--meeting tbody tr td:last-child {
      width: 15%;
      text-align: center;
      vertical-align: middle;
      color: #676768; }
      .table--meeting tbody tr td:last-child i {
        font-size: 22px; }
  .table--meeting tbody tr:first-child {
    border-top: 0; }
  .table--meeting tbody tr:last-child {
    border-bottom: 2px solid #006ea1; }

.table--calendar thead tr td {
  text-align: left; }

.table--calendar tbody tr td {
  text-align: left;
  border-right: 1px solid #676768; }
  .table--calendar tbody tr td:first-child {
    width: 15%;
    border-left: 1px solid #676768; }
    @media (max-width: 991.98px) {
      .table--calendar tbody tr td:first-child {
        width: 23%; } }
    @media (max-width: 767.98px) {
      .table--calendar tbody tr td:first-child {
        min-width: 170px;
        width: 100%; } }
  .table--calendar tbody tr td:nth-child(2) {
    width: 20%; }
    @media (max-width: 991.98px) {
      .table--calendar tbody tr td:nth-child(2) {
        width: 27%; } }
    @media (max-width: 767.98px) {
      .table--calendar tbody tr td:nth-child(2) {
        min-width: 250px;
        width: 100%; } }
  .table--calendar tbody tr td:last-child {
    border-right: 1px solid #676768; }
    @media (max-width: 767.98px) {
      .table--calendar tbody tr td:last-child {
        min-width: 300px;
        width: 100%; } }

.table--dividend thead tr th {
  text-align: center; }

.table--dividend tbody tr td {
  text-align: center; }

.stock--home .list-group {
  display: flex;
  flex-direction: row;
  align-items: baseline; }
  @media (max-width: 1199.98px) {
    .stock--home .list-group {
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      text-align: center;
      margin-bottom: 1rem; } }
  @media (max-width: 767.98px) {
    .stock--home .list-group {
      display: block;
      column-count: 1; } }
  .stock--home .list-group-item {
    padding: .75rem 1rem;
    border: 0;
    background-color: transparent; }
    @media (max-width: 767.98px) {
      .stock--home .list-group-item {
        padding: .5rem 0; } }

.stock--home .stock__time {
  display: block;
  text-align: center; }

.stock--home .stock__detail {
  display: flex;
  flex-direction: row;
  align-items: center; }
  @media (max-width: 1199.98px) {
    .stock--home .stock__detail {
      flex-direction: column;
      padding-bottom: 1rem; } }

.stock--home .stock__symbol-info {
  display: flex;
  justify-content: center;
  margin: 1rem 0; }

.stock--home .stock__block {
  display: flex;
  flex-direction: column; }
  .stock--home .stock__block--up .stock__subtitle, .stock--home .stock__block--down .stock__subtitle {
    position: relative;
    padding-left: .5rem; }
    .stock--home .stock__block--up .stock__subtitle:before, .stock--home .stock__block--down .stock__subtitle:before {
      font-family: 'Font Awesome 5 Pro';
      content: "\F0D8";
      position: absolute;
      top: 0;
      left: -15px;
      display: flex;
      align-items: center;
      font-size: 28px;
      font-weight: 700;
      color: #006ea1;
      line-height: .5; }
  .stock--home .stock__block--down .stock__subtitle:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\F0D7"; }
  @media (max-width: 767.98px) {
    .stock--home .stock__block {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; } }

.stock--home .stock__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  content: '';
  background-color: #006ea1;
  border: 1px solid #006ea1;
  border-radius: 100%; }

.stock--home .stock__title {
  font-size: 0.813rem;
  text-align: center; }
  @media (min-width: 768px) {
    .stock--home .stock__title {
      order: 2;
      white-space: nowrap; } }
  @media (min-width: 992px) {
    .stock--home .stock__title span {
      display: block;
      line-height: 1; } }

.stock--home .stock__subtitle {
  font-weight: bold;
  text-align: center;
  white-space: nowrap; }
  @media (min-width: 768px) {
    .stock--home .stock__subtitle {
      order: 1; } }
  @media (max-width: 767.98px) {
    .stock--home .stock__subtitle {
      align-self: flex-end; } }
  .stock--home .stock__subtitle span {
    font-size: 24px; }

.stock--home .stock__symbol {
  margin-bottom: 0;
  color: #ffffff; }

.stock--highlight {
  min-height: 250px;
  padding: 1.75rem 1rem; }
  @media (max-width: 767.98px) {
    .stock--highlight {
      padding: 1rem .25rem; } }
  .stock--highlight .stock__block {
    display: flex;
    flex-direction: column; }
    @media (max-width: 767.98px) {
      .stock--highlight .stock__block {
        text-align: center;
        margin-bottom: .75rem; } }
    .stock--highlight .stock__block--up .stock__subtitle, .stock--highlight .stock__block--down .stock__subtitle {
      position: relative; }
      .stock--highlight .stock__block--up .stock__subtitle:before, .stock--highlight .stock__block--down .stock__subtitle:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\F0D8";
        position: absolute;
        top: 0;
        left: -15px;
        display: flex;
        align-items: center;
        font-size: 28px;
        font-weight: 700;
        color: #ffffff;
        line-height: .5; }
    .stock--highlight .stock__block--down .stock__subtitle:before {
      font-family: 'Font Awesome 5 Pro';
      content: "\F0D7"; }
  .stock--highlight .stock__title {
    order: 2; }
    @media (max-width: 767.98px) {
      .stock--highlight .stock__title {
        order: 1; } }
  .stock--highlight .stock__subtitle {
    font-weight: bold;
    order: 1; }
    @media (max-width: 767.98px) {
      .stock--highlight .stock__subtitle {
        order: 2; } }
    .stock--highlight .stock__subtitle--lg {
      font-size: 35px;
      line-height: 1; }
  .stock--highlight .stock__symbol {
    margin-bottom: 1rem; }
  .stock--highlight .stock__time {
    padding: 1rem 0 0;
    border-top: 1px solid #ffffff; }
    @media (max-width: 767.98px) {
      .stock--highlight .stock__time time {
        display: block; } }
  .stock--highlight .stock__detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    margin: 1rem 0 1.5rem; }
    .stock--highlight .stock__detail .stock__block {
      max-height: 70px;
      vertical-align: bottom;
      text-align: center; }
    @media (max-width: 767.98px) {
      .stock--highlight .stock__detail {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }

.stock--quote {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.25rem .5rem; }
  .stock--quote .stock__top {
    position: relative;
    min-height: 75px; }
    .stock--quote .stock__top:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #676768;
      content: ''; }
    @media (max-width: 767.98px) {
      .stock--quote .stock__top:after {
        display: none; } }
  .stock--quote .stock__bottom {
    min-height: 75px; }
  .stock--quote .stock__block {
    display: flex;
    flex-direction: column;
    padding: 1rem 0; }
    @media (max-width: 767.98px) {
      .stock--quote .stock__block {
        padding: 1.25rem 0;
        border-bottom: 1px solid #676768; } }
  .stock--quote .stock__title {
    min-height: 50px;
    order: 2; }
    @media (max-width: 1199.98px) {
      .stock--quote .stock__title {
        font-size: 0.85rem; } }
    @media (max-width: 767.98px) {
      .stock--quote .stock__title {
        order: 1;
        min-height: 0; } }
  .stock--quote .stock__subtitle {
    padding-top: .5rem;
    font-weight: bold;
    order: 1; }
    @media (max-width: 767.98px) {
      .stock--quote .stock__subtitle {
        order: 2; } }

.section {
  min-height: 448px; }
  .section .section__subnav {
    padding: 2rem 0;
    margin-bottom: 1rem; }
  .section .section__filter {
    margin-bottom: 2.75rem; }

.executive-talk-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 92px; }
  @media (max-width: 1199.98px) {
    .executive-talk-banner {
      margin-top: 80px; } }

.executive-talk-bg {
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
  width: 260px; }

.executive-talk-image {
  position: relative;
  max-height: 480px;
  max-width: 100%;
  height: auto; }

.executive-talk-asset {
  position: absolute;
  width: 80%;
  top: 7rem;
  right: 3rem;
  transform: rotate(45deg); }

.executive-talk-content {
  padding: 2.5rem 0; }

.header {
  z-index: 10;
  position: fixed;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  background-color: rgba(9, 24, 48, 0.2);
  top: 0; }
  .header.scroll {
    background-color: rgba(0, 110, 161, 0.9); }
  .header .header-1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0px; }
  .header .box-logo {
    padding-left: 10px; }
    .header .box-logo img {
      width: 100px; }
  .header .box-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .header .box-center ul {
      margin: 0;
      padding: 0;
      overflow: hidden;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      list-style-type: none; }
    .header .box-center li {
      float: left;
      cursor: pointer; }
      .header .box-center li a {
        display: block;
        color: white;
        text-align: center;
        padding: 10px 8px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 400; }
        .header .box-center li a i {
          margin-left: -2px;
          margin-bottom: 4px; }
        .header .box-center li a .underline {
          border-bottom: 2px solid currentColor;
          opacity: 0;
          transition: opacity 1s ease-in-out; }
        .header .box-center li a:hover, .header .box-center li a:focus {
          font-weight: 600; }
          .header .box-center li a:hover .underline, .header .box-center li a:focus .underline {
            display: block;
            opacity: 1; }
  .header .box-language {
    align-items: center;
    display: flex;
    padding-right: 10px;
    color: white; }
    .header .box-language .language {
      cursor: pointer;
      padding: 6px 10px;
      border-radius: 20px;
      border: 1px solid white;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 56px; }
      .header .box-language .language span {
        font-size: .85rem; }
      .header .box-language .language.open {
        border-bottom: none;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        background-color: white;
        border: 1px solid #ED4E36;
        color: #ED4E36; }
        .header .box-language .language.open .open-n {
          display: flex; }
        .header .box-language .language.open .language-list {
          opacity: 1;
          transform: translateY(0%);
          display: block; }
          .header .box-language .language.open .language-list li:last-child a {
            font-size: .85rem;
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px; }
      .header .box-language .language .open-n {
        width: 100%;
        position: fixed;
        height: 100%;
        display: none;
        top: 0;
        left: 0;
        z-index: 1; }
      .header .box-language .language i {
        margin-left: 4px;
        margin-bottom: 4px; }
      .header .box-language .language .language-list {
        opacity: 0;
        transition: .4s ease-in-out;
        display: none;
        position: absolute;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        right: 10px;
        transform: translateY(-10%);
        top: 54px; }
        .header .box-language .language .language-list li a {
          width: 56px;
          background-color: white;
          border: 1px solid #ED4E36;
          padding: 4px;
          padding-left: 12px;
          border-bottom: unset;
          color: #ED4E36;
          display: block;
          text-decoration: none; }
          .header .box-language .language .language-list li a:hover, .header .box-language .language .language-list li a:focus {
            color: #ED4E36; }
        .header .box-language .language .language-list li:last-child a {
          border-bottom: 1px solid #ED4E36; }
  .header .dropdown-menu.new {
    background-color: rgba(0, 110, 161, 0.9);
    border-radius: 0px;
    padding: 15px; }
    .header .dropdown-menu.new .list {
      display: flex; }
    .header .dropdown-menu.new .dropdown-item {
      padding: 5px 10px;
      max-width: 250px;
      white-space: normal;
      text-align: left;
      text-transform: capitalize;
      transition: box-shadow 1s ease-in-out; }
      .header .dropdown-menu.new .dropdown-item:hover, .header .dropdown-menu.new .dropdown-item:focus {
        background-color: #006ea1;
        color: #ffffff; }
  .header .header-mobile-v2 {
    width: 100%;
    display: none;
    flex-direction: column; }
    .header .header-mobile-v2 .logo img {
      height: 70px; }
    .header .header-mobile-v2 .head-head {
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 5px 0px; }
    .header .header-mobile-v2 .mobile-list {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      display: none;
      flex-direction: column; }
      .header .header-mobile-v2 .mobile-list.open {
        display: block;
        border-top: 1px solid white; }
      .header .header-mobile-v2 .mobile-list .sub {
        border-top: none; }
        .header .header-mobile-v2 .mobile-list .sub a {
          padding: 10px 10px 10px 40px;
          text-transform: capitalize; }
          .header .header-mobile-v2 .mobile-list .sub a:before {
            content: '-'; }
      .header .header-mobile-v2 .mobile-list .icon {
        position: absolute;
        right: 20px;
        top: 10px; }
      .header .header-mobile-v2 .mobile-list ul li {
        display: block;
        width: 100%; }
      .header .header-mobile-v2 .mobile-list a {
        position: relative;
        display: block;
        width: 100%;
        color: white;
        padding: 10px 10px 10px 20px;
        border-bottom: 1px solid;
        text-decoration: none;
        text-transform: uppercase; }
        .header .header-mobile-v2 .mobile-list a:hover, .header .header-mobile-v2 .mobile-list a:focus {
          color: white; }
    .header .header-mobile-v2 .button {
      padding-left: 10px;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center; }
      .header .header-mobile-v2 .button.selected .bar:first-child {
        animation: x-morph-a .6s ease forwards; }
      .header .header-mobile-v2 .button.selected .bar:nth-child(2) {
        animation: x-morph-b .6s ease forwards; }
      .header .header-mobile-v2 .button.selected .bar:last-child {
        animation: x-morph-c .6s ease forwards; }
      .header .header-mobile-v2 .button .bar:first-child {
        animation: x-morph-r-a .6s ease reverse forwards; }
      .header .header-mobile-v2 .button .bar:nth-child(2) {
        animation: x-morph-r-b .6s ease reverse forwards; }
      .header .header-mobile-v2 .button .bar:last-child {
        animation: x-morph-r-c .6s ease reverse forwards; }
    .header .header-mobile-v2 .bar {
      width: 30px;
      height: 3px;
      margin-bottom: 5px;
      background-color: white;
      transform: translate3d(0, 0, 0); }
    .header .header-mobile-v2 .dropdown-menu .mobile {
      color: white; }
  @media (max-width: 1099.98px) {
    .header .header-1 {
      display: none; }
    .header .box-center ul li a {
      padding: 10px 4px; }
    .header .box-language .language-list {
      top: 55px; }
    .header .header-mobile-v2 {
      display: flex; } }

@keyframes x-morph-a {
  0% { }
  50% {
    transform: translateY(20px); }
  100% {
    transform: translateY(8px) rotate(45deg); } }

@keyframes x-morph-b {
  0% { }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-45deg); } }

@keyframes x-morph-c {
  0% { }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(-8px) rotate(-45deg); } }

@keyframes x-morph-r-a {
  0% { }
  50% {
    transform: translateY(20px); }
  100% {
    transform: translateY(20px) rotate(45deg); } }

@keyframes x-morph-r-b {
  0% { }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-45deg); } }

@keyframes x-morph-r-c {
  0% { }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(-20px) rotate(-45deg); } }

html[lang='th'] .footer ul li a {
  font-size: 14px; }

html[lang='th'] .footer ul li div {
  font-size: 14px; }

html[lang='en'] .footer ul li a {
  font-size: 14px; }

html[lang='en'] .footer ul li div {
  font-size: 14px; }

.footer {
  position: sticky;
  overflow: hidden;
  padding: 40px 0px 10px;
  background-color: #006ea1; }
  @media (max-width: 767.98px) {
    .footer {
      padding: 10px 0; } }
  .footer .container {
    margin-bottom: 20px; }
  .footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .footer ul li {
      color: white; }
      .footer ul li a {
        font-size: 14px;
        padding: 5px 0px 5px;
        color: white;
        text-decoration: none;
        display: block; }
        .footer ul li a:hover, .footer ul li a:focus {
          text-decoration: none;
          font-weight: bold; }
      .footer ul li div {
        font-size: 14px; }
  .footer .copy-right {
    margin-top: 10px;
    padding: 10px 0px;
    border-top: solid 1px #979797;
    color: white; }
  .footer .follow {
    padding: 4px 0px;
    color: white; }
    .footer .follow label {
      margin: 0;
      margin-right: 5px; }
    .footer .follow a {
      color: white; }
    .footer .follow i {
      font-size: 2rem;
      margin-right: 5px; }

.breadcrumb {
  margin-bottom: 0;
  padding: .75rem 0 .5rem;
  background-color: #ffffff; }
  .breadcrumb-wrapper {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(103, 103, 104, 0.2); }
    @media (max-width: 991.98px) {
      .breadcrumb-wrapper {
        display: none; } }
  .breadcrumb .breadcrumb-item {
    color: #676768;
    font-size: 14px;
    margin-bottom: 0; }
    .breadcrumb .breadcrumb-item i {
      font-size: 18px;
      color: #676768; }
    .breadcrumb .breadcrumb-item:first-child:before {
      display: none; }
    .breadcrumb .breadcrumb-item:before {
      content: '|'; }
    .breadcrumb .breadcrumb-item.active {
      color: #000000;
      font-weight: bold; }

.banner {
  position: relative;
  height: 300px;
  background-position: center; }
  @media (max-width: 767.98px) {
    .banner {
      height: 280px; } }
  .banner:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(9, 24, 48, 0.35); }
  .banner .banner__header {
    height: 300px; }
    .banner .banner__header .container {
      height: 100%; }
      .banner .banner__header .container .row {
        height: 100%; }
  .banner .banner__title {
    text-transform: uppercase;
    color: #ffffff;
    text-align: center; }

.home .home__herobanner {
  min-height: 440px;
  background-position: center; }
  @media (max-width: 767.98px) {
    .home .home__herobanner {
      min-height: 100vh; } }
  .home .home__herobanner .home__content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 350px;
    padding-top: 3rem;
    color: #ffffff; }
    @media (max-width: 991.98px) {
      .home .home__herobanner .home__content {
        padding-top: 4rem; } }
    @media (max-width: 767.98px) {
      .home .home__herobanner .home__content {
        min-height: auto;
        padding-top: 3rem; } }

.home .home__stock {
  min-height: 280px;
  background-size: contain;
  background-position: bottom; }

.home .home__prospectus {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  min-height: 280px; }
  @media (max-width: 1199.98px) {
    .home .home__prospectus {
      background-position: center; } }
  .home .home__prospectus:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 110, 161, 0.65); }
  .home .home__prospectus .home__content {
    padding: 5rem 0; }

@media (min-width: 992px) {
  .home .home__download {
    max-height: 390px; } }

.home .home__download .home__content {
  padding: 2rem 0 2.5rem; }

.home .home__highlight {
  padding: 2.5rem 0; }
  @media (min-width: 992px) {
    .home .home__highlight {
      padding: 3rem 0; } }

.herobanner {
  position: relative; }
  .herobanner .herobanner__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0.35); }

.financial {
  position: relative; }
  .financial:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #95694C;
    width: 100%;
    height: 80px;
    z-index: 0; }
  .financial .financial__overlay {
    position: relative;
    z-index: 2; }
  .financial .financial__content {
    padding: 2rem 1.5rem; }
    @media (max-width: 767.98px) {
      .financial .financial__content {
        padding: 2rem 1rem; } }
  .financial .financial__header {
    padding: 0 1rem 0; }
  .financial .financial__body {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media (max-width: 767.98px) {
      .financial .financial__body {
        flex-direction: column; } }
  .financial .financial__detail {
    position: relative;
    width: 100%;
    padding: 1rem; }
    .financial .financial__detail:after {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      content: '';
      background-color: #f5f5f5; }
    .financial .financial__detail:last-child:after {
      display: none; }
    @media (max-width: 767.98px) {
      .financial .financial__detail:after {
        position: absolute;
        top: unset;
        left: 0;
        bottom: 0;
        right: unset;
        width: 100%;
        height: 1px;
        content: '';
        background-color: #f5f5f5; }
      .financial .financial__detail:last-child:after {
        display: none; } }
  .financial .financial__per {
    color: #212529; }
    @media (max-width: 767.98px) {
      .financial .financial__per {
        display: block; } }

.company .company__header {
  padding: 2.75rem 0; }

.company .company__title {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: #006ea1; }

.company--about {
  min-height: 320px;
  padding-bottom: .75rem;
  background-position: bottom; }

.company--subsidiary {
  min-height: 500px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  padding: 1.5rem 0; }
  @media (min-width: 992px) {
    .company--subsidiary {
      margin-bottom: 3rem; } }

.company--business {
  background-position: left; }

.company--management {
  min-height: auto !important;
  padding-top: 1.5rem;
  background-color: rgba(0, 110, 161, 0.5); }
  @media (min-width: 992px) {
    .company--management {
      padding-top: 3rem; } }

.company--vision {
  overflow: hidden;
  min-height: 675px;
  margin-bottom: 1.5rem;
  padding: 1.5rem 0; }
  @media (min-width: 992px) {
    .company--vision {
      margin-bottom: 3rem;
      padding: 3rem 0; } }

.company--milestone {
  overflow: hidden; }

.company--prospectus .company__content {
  padding: 4rem 0; }
  @media (max-width: 1199.98px) {
    .company--prospectus .company__content {
      padding: 3rem 0; } }
  @media (max-width: 991.98px) {
    .company--prospectus .company__content {
      padding: 2rem 0; } }

.company--business-strength {
  padding-bottom: 2rem; }

.company--contact {
  padding: 2rem 0; }

.vision {
  background-position: bottom; }
  @media (max-width: 991.98px) {
    .vision {
      min-height: 405px; } }
  @media (max-width: 767.98px) {
    .vision {
      min-height: 320px; } }

.org-chart {
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .org-chart {
      margin-bottom: 3rem; } }
  .org-chart img {
    width: 100%; }
    @media (min-width: 1200px) {
      .org-chart img {
        max-width: 1200px; } }
    @media (max-width: 1199.98px) {
      .org-chart img {
        max-width: 1000px; } }
    @media (max-width: 991.98px) {
      .org-chart img {
        max-width: 700px; } }
    @media (max-width: 767.98px) {
      .org-chart img {
        max-width: 560px; } }
    @media (max-width: 575.98px) {
      .org-chart img {
        max-width: 300px; } }

.latest-news {
  position: relative; }
  .latest-news .latest-news__overlay {
    height: 100%;
    background-color: rgba(0, 110, 161, 0.65); }
    @media (min-width: 992px) {
      .latest-news .latest-news__overlay > .latest-news__content {
        min-height: 355px; } }
    .latest-news .latest-news__overlay > .latest-news__content .container {
      position: relative;
      z-index: 2; }
      .latest-news .latest-news__overlay > .latest-news__content .container .latest-news__slider {
        background-color: #ffffff; }
      @media (min-width: 768px) {
        .latest-news .latest-news__overlay > .latest-news__content .container {
          background-color: #ffffff;
          box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); } }
      @media (max-width: 767.98px) {
        .latest-news .latest-news__overlay > .latest-news__content .container {
          background-color: transparent; } }

.subsidiary {
  background-position: right; }
  .subsidiary .subsidiary__list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0; }
    .subsidiary .subsidiary__list:before, .subsidiary .subsidiary__list:after {
      position: absolute;
      display: block;
      width: 18px;
      height: 50%;
      content: ""; }
    .subsidiary .subsidiary__list:before {
      left: -18px;
      bottom: 0;
      background-color: #ED4E36; }
    .subsidiary .subsidiary__list:after {
      top: 0;
      right: -18px;
      background-color: #ED4E36; }
    .subsidiary .subsidiary__list .bx-wrapper {
      padding-bottom: 2rem;
      border: none; }
      .subsidiary .subsidiary__list .bx-wrapper .bx-controls-auto,
      .subsidiary .subsidiary__list .bx-wrapper .bx-pager {
        bottom: 15px; }
  .subsidiary .subsidiary__list-group {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    padding: .5rem;
    list-style: none; }
    @media (max-width: 767.98px) {
      .subsidiary .subsidiary__list-group {
        flex-flow: wrap; } }
    .subsidiary .subsidiary__list-group li {
      display: flex;
      width: 20%;
      max-height: 150px;
      border-right: 1px solid #f7f7f7;
      border-bottom: 1px solid #f7f7f7; }
      .subsidiary .subsidiary__list-group li:nth-child(5n) {
        border-right: 0; }
      .subsidiary .subsidiary__list-group li:nth-child(n+6) {
        border-bottom: 0; }
  .subsidiary .subsidiary__list-item {
    padding: 1rem 0;
    margin: 0 .15rem;
    text-align: center;
    transition: all .3s ease-in-out; }
    .subsidiary .subsidiary__list-item img {
      width: 150px; }
    .subsidiary .subsidiary__list-item:hover, .subsidiary .subsidiary__list-item:focus {
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); }

ul.subsidiary__list-group {
  list-style: none; }

.gototop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 10; }
  .gototop a {
    width: 75px;
    height: 75px;
    text-align: center;
    background-color: #95694C;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); }
    .gototop a i:before {
      font-size: 20px; }
    @media (max-width: 991px) {
      .gototop a {
        width: 60px;
        height: 60px; } }
    @media (max-width: 767px) {
      .gototop a {
        width: 40px;
        height: 40px; } }

.recent {
  padding: 3rem 1rem 1.5rem;
  background-color: #ffffff; }
  @media (max-width: 767.98px) {
    .recent {
      padding: 1.75rem .75rem 1rem; } }
  .recent .recent__title {
    position: relative;
    padding-left: 1rem;
    font-weight: bold; }
    .recent .recent__title:before {
      position: absolute;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      top: -1px;
      left: 0;
      width: 7px;
      height: 100%;
      content: '';
      background-color: #95694C; }

.highlight {
  padding: 3rem;
  margin-bottom: 2.5rem;
  background-color: #f5f5f5; }
  @media (max-width: 991.98px) {
    .highlight {
      padding: 1.5rem 1rem; } }
  .highlight-report {
    position: relative;
    padding: 2.75rem; }
    @media (max-width: 767.98px) {
      .highlight-report {
        padding: 1.5rem 1.25rem; } }
    .highlight-report:before {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background-color: rgba(255, 255, 255, 0.8); }
      @media (max-width: 767.98px) {
        .highlight-report:before {
          background-color: rgba(255, 255, 255, 0.65); } }

.historical {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .historical {
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end; } }
  @media (max-width: 767.98px) {
    .historical {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; } }
  .historical .historical__box {
    margin-bottom: 0; }
    .historical .historical__box:not(:last-child) {
      margin-right: 1.25rem; }
    @media (max-width: 991.98px) {
      .historical .historical__box {
        margin-bottom: 1rem; } }
    @media (max-width: 767.98px) {
      .historical .historical__box {
        margin-right: 0;
        width: 100%; } }
  .historical .historical__label {
    display: inline-flex;
    margin-right: 0.5rem; }
    @media (max-width: 767.98px) {
      .historical .historical__label {
        display: flex;
        flex-direction: column;
        margin-right: 0; } }
  .historical .historical__datepicker {
    position: relative;
    display: inline-flex; }
    @media (max-width: 767.98px) {
      .historical .historical__datepicker {
        width: 100%; } }
    .historical .historical__datepicker:after {
      font-family: 'zen' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\E900";
      position: absolute;
      top: 0;
      right: 1rem;
      font-size: 18px;
      line-height: 2;
      color: #ED4E36;
      pointer-events: none; }

.ui-datepicker .ui-datepicker-header {
  background: #ED4E36;
  border: 1px solid #ED4E36; }

.ui-datepicker .ui-state-default {
  color: #212529; }

.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
  background: #ED4E36;
  border: 1px solid #ED4E36;
  color: #ffffff; }

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus {
  border: 1px solid #ED4E36;
  background: transparent; }

.highcharts-range-selector {
  height: 1.5rem !important; }

#major-shareholder .highcharts-data-labels {
  opacity: 1 !important; }

.general-info {
  position: relative; }
  .general-info .general-info__top {
    height: 323px; }
    .general-info .general-info__top iframe {
      width: 100%;
      height: 323px; }
  .general-info .general-info__bottom {
    width: 100%;
    padding: 1.5rem 1.25rem;
    color: #ffffff;
    background-color: #006ea1; }
  .general-info .general-info__block {
    height: 100%;
    padding: 2.5rem 1.5rem 1.25rem;
    background-color: #f5f5f5; }
  .general-info .general-info__lead {
    line-height: 1.4; }

@font-face {
  font-family: 'zen';
  src: url(fonts/zen.eot);
  src: url(fonts/zen.eot#iefix) format("embedded-opentype"), url(fonts/zen.ttf) format("truetype"), url(fonts/zen.woff) format("woff"), url(images/zen.svg#zen) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'zen' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-fax:before {
  content: "\E916"; }

.icon-serve:before {
  content: "\E917"; }

.icon-people:before {
  content: "\E918"; }

.icon-earth-plant:before {
  content: "\E919"; }

.icon-money:before {
  content: "\E91A"; }

.icon-play-button:before {
  content: "\E91D"; }

.icon-left-quote:before {
  content: "\E91E"; }

.icon-right-quote:before {
  content: "\E91F"; }

.icon-worldwide:before {
  content: "\E920"; }

.icon-telephone:before {
  content: "\E905"; }

.icon-paper-plane:before {
  content: "\E906"; }

.icon-circle-down-arrow:before {
  content: "\E923"; }

.icon-circle-up-arrow:before {
  content: "\E924"; }

.icon-view:before {
  content: "\E914"; }

.icon-video:before {
  content: "\E915"; }

.icon-calendar:before {
  content: "\E900"; }

.icon-report:before {
  content: "\E901"; }

.icon-financial:before {
  content: "\E908"; }

.icon-chart:before {
  content: "\E909"; }

.icon-download:before {
  content: "\E90A"; }

.icon-presentation:before {
  content: "\E90B"; }

.icon-facebook:before {
  content: "\E90C"; }

.icon-file:before {
  content: "\E90D"; }

.icon-home:before {
  content: "\E90E"; }

.icon-left-arrow:before {
  content: "\E90F"; }

.icon-pin:before {
  content: "\E910"; }

.icon-right-arrow:before {
  content: "\E911"; }

.icon-search:before {
  content: "\E912"; }

.icon-youtube:before {
  content: "\E913"; }

.icon-scroll-down:before {
  content: "\E902"; }

.icon-arrow-up:before {
  content: "\E903"; }

.icon-angle-down:before {
  content: "\E904"; }

.icon-angle-up:before {
  content: "\E907"; }

@font-face {
  font-family: 'Work Sans';
  src: url(fonts/WorkSans-Bold.woff2) format("woff2"), url(fonts/WorkSans-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Work Sans';
  src: url(fonts/WorkSans-Medium.woff2) format("woff2"), url(fonts/WorkSans-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Work Sans';
  src: url(fonts/WorkSans-Regular.woff2) format("woff2"), url(fonts/WorkSans-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Work Sans';
  src: url(fonts/WorkSans-SemiBold.woff2) format("woff2"), url(fonts/WorkSans-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Kanit';
  src: url(fonts/Kanit-SemiBold.woff2) format("woff2"), url(fonts/Kanit-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Kanit';
  src: url(fonts/Kanit-ExtraLight.woff2) format("woff2"), url(fonts/Kanit-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Kanit';
  src: url(fonts/Kanit-Light.woff2) format("woff2"), url(fonts/Kanit-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Kanit';
  src: url(fonts/Kanit-Regular.woff2) format("woff2"), url(fonts/Kanit-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }


/*# sourceMappingURL=theme.48f77d2d43303755bc50.css.map*/