@charset "UTF-8";
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
.main-keywords {
  display: none;
}

.node--type-article .wrapper-share {
  position: relative;
  padding: 8px 16px;
  margin: 0 15px;
  color: #1F61D4;
  background-color: #F4F6F9;
  border-radius: 42px;
}
.node--type-article .wrapper-share:hover {
  border-radius: 8px 8px 0 0;
}
.node--type-article .wrapper-share:hover .social-media-sharing {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.node--type-article .wrapper-share .social-media-sharing {
  position: absolute;
  width: 230px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  left: 15000px;
  top: 37px;
  padding: 5px 10px;
  background-color: #F4F6F9;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.node--type-article .wrapper-header-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.node--type-article .wrapper-header-content .intro {
  color: #666666;
  font-size: 14px;
}
.node--type-article .wrapper-header-content .taxonomy-term.vocabulary-author img {
  border-radius: 50%;
}
.node--type-article .wrapper-header-content .share {
  color: #666666;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.node--type-article .wrapper-header-content .share .tag {
  padding: 8px 16px;
  background-color: #F4F6F9;
  font-weight: bold;
  border-radius: 42px;
  color: #FF5F00;
  margin-right: 15px;
}
.node--type-article .wrapper-content {
  margin-top: 25px;
}
.node--type-article .wrapper-content .description {
  background: #F4F6F9;
  padding: 25px;
  border-radius: 8px;
}
.node--type-article .wrapper-article-footer {
  margin-top: 25px;
  border-top: 1px solid #F2F2F2;
  padding-top: 25px;
}
.node--type-article .wrapper-article-footer .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.node--type-article .wrapper-article-footer .scroll-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.node--type-article .wrapper-article-footer .scroll-top .underline {
  text-decoration: underline;
  margin-left: 5px;
}
.node--type-article .wrapper-article-footer .scroll-top .rotate {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.node--type-article .wrapper-article-footer .scroll-top:hover {
  color: #1F61D4;
}
.node--type-article .wrapper-article-footer .wrapper-related-content {
  margin: 25px 0;
  background-color: #F4F6F9;
  padding: 25px;
  border-radius: 8px;
}
.node--type-article .wrapper-article-footer .wrapper-related-content .title {
  color: #373F51;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "sarabun", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
}
.node--type-article .wrapper-article-footer .wrapper-related-content .field--name-field-related-articles .field__item {
  padding: 20px 0;
  border-bottom: 1px solid #E2E2E2;
}
.node--type-article .wrapper-article-footer .wrapper-related-content .field--name-field-related-articles .field__item:last-child {
  border: none;
}
.node--type-article .wrapper-article-footer .wrapper-shared {
  margin: 25px 0;
  background-color: #40629D;
  border-radius: 8px;
  padding: 15px;
  color: #fff;
}
.node--type-article .wrapper-article-footer .wrapper-shared a {
  color: #fff;
}
.node--type-article .wrapper-article-footer .wrapper-shared a:hover {
  text-decoration: underline;
}
.node--type-article .wrapper-article-footer .wrapper-shared a:after {
  content: ",";
}
.node--type-article .wrapper-article-footer .wrapper-shared a:last-child:after {
  content: "!";
}
.node--type-article .wrapper-article-footer .wrapper-like {
  text-align: center;
  margin: 25px 0;
}
.node--type-article .wrapper-article-footer .wrapper-like .title {
  font-weight: bold;
  color: #373F51;
}
.node--type-article .wrapper-article-footer .wrapper-like ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 0;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li {
  cursor: pointer;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 10px;
  font-size: 1.5em;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.up {
  background-color: #E7FFEC;
  color: #048327;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.up:hover {
  background-color: #048327;
  color: #fff;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.up.active {
  background-color: #048327;
  color: #fff;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.down {
  background-color: #FEE7E7;
  color: #D2180D;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.down:hover {
  background-color: #D2180D;
  color: #fff;
}
.node--type-article .wrapper-article-footer .wrapper-like ul li.down.active {
  background-color: #D2180D;
  color: #fff;
}

.wrapper-sidebar {
  margin-right: 50px;
}
.wrapper-sidebar .wrapper-children {
  font-weight: bold;
  color: #1F61D4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 30px;
  padding: 5px 5px 5px 25px;
  border-left: 3px solid #1F61D4;
}
.wrapper-sidebar .wrapper-articles {
  color: #666666;
  font-size: 16px;
  padding-left: 1px;
}
.wrapper-sidebar .wrapper-articles ul {
  border-left: 1px solid #666666;
}
.wrapper-sidebar .wrapper-articles ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 30px;
  padding: 5px 5px 5px 25px;
}
.wrapper-sidebar .wrapper-articles ul li a {
  color: #666666;
  font-size: 16px;
}
.wrapper-sidebar .wrapper-articles ul li a:hover {
  font-weight: bold;
}
.wrapper-sidebar .wrapper-articles ul li.active {
  font-weight: bold;
  color: #191F29;
}
.wrapper-sidebar .wrapper-articles ul li.active:before {
  content: "\e906";
  font-family: icomoon;
}

#block-footerarticles .field--name-body {
  padding: 50px;
  border-radius: 8px;
  border: 1px solid #E2E2E2;
  text-align: center;
  font-weight: bold;
  color: #373F51;
  background: url("../images/article_block.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#block-footerarticles .field--name-body .orange_btn {
  margin-top: 20px;
}
#block-footerarticles .field--name-body .orange_btn {
  font-size: 1em;
  padding: 0 24px;
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
  background: #FF5F00;
  border: 1px solid transparent;
}
#block-footerarticles .field--name-body .orange_btn:hover {
  background-color: #CC4C00;
}

.node--type-article .node-link:hover .wrapper-title a {
  text-decoration: underline;
}
.node--type-article .node-link:hover .wrapper-title .icon-eye,
.node--type-article .node-link:hover .wrapper-title .icon-chevron-down {
  color: #FF5F00;
}
.node--type-article .wrapper-excerpt {
  margin-bottom: 15px;
  margin-top: -10px;
  font-size: 14px;
  font-style: italic;
}
.node--type-article .wrapper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #373F51;
}
.node--type-article .wrapper-title a {
  color: #373F51;
}
.node--type-article .wrapper-title .col-3 {
  text-align: right;
}
.node--type-article .wrapper-title .icon-eye {
  color: #FF5F00;
}
.node--type-article .wrapper-title:hover a {
  text-decoration: underline;
}
.node--type-article .wrapper-title:hover .icon-eye,
.node--type-article .wrapper-title:hover .icon-chevron-down {
  color: #FF5F00;
}
.node--type-article .wrapper-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #666666;
}
.node--type-article .wrapper-author img {
  width: 30px;
  border-radius: 50%;
  margin-right: 5px;
}
.node--type-article.node--view-mode-teaser-category .wrapper-title {
  margin-bottom: 15px;
}
.node--type-article.node--view-mode-teaser-category .wrapper-title .icon-eye {
  color: #FF5F00;
}

.node--type-article.node--view-mode-teaser-home {
  border-radius: 8px;
  padding: 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.node--type-article.node--view-mode-teaser-home .title {
  color: #fff;
  font-weight: bold;
  min-height: 145px;
}
.node--type-article.node--view-mode-teaser-home .author {
  margin-top: 15px;
}
.node--type-article.node--view-mode-teaser-home .author .field--name-field-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.node--type-article.node--view-mode-teaser-home .author img {
  width: 30px;
  border-radius: 50%;
  margin-right: 5px;
  border: 2px solid #fff;
}

.taxonomy-term.vocabulary-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.taxonomy-term.vocabulary-category a {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.taxonomy-term.vocabulary-category .icon-chevron-down {
  color: #1F61D4;
  font-weight: bold;
}
.taxonomy-term.vocabulary-category .wrapper-icon {
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #F4F6F9;
  color: #1F61D4;
  border-radius: 50%;
  font-size: 1.4em;
}
.term-page .wrapper-sidebar .wrapper-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.term-page .wrapper-sidebar .wrapper-category .icon-chevron-down {
  color: #1F61D4;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 1.5em;
}
.term-page .wrapper-sidebar .wrapper-category .h1 {
  margin-left: 10px;
  font-size: 24px;
}
.term-page .wrapper-sidebar .ul-niv1 {
  margin-top: 25px;
}
.term-page .wrapper-sidebar .ul-niv1 li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 30px;
  padding: 5px 5px 5px 25px;
  color: #666666;
  font-size: 16px;
  border-left: 1px solid #666666;
}
.term-page .wrapper-sidebar .ul-niv1 li > div a {
  color: #666666;
  font-size: 16px;
}
.term-page .wrapper-sidebar .ul-niv1 li > div a:hover {
  font-weight: bold;
}
.term-page .wrapper-sidebar .ul-niv1 li.active > div {
  color: #1F61D4;
  font-weight: bold;
  border-left: 3px solid #1F61D4;
}
.term-page .wrapper-sidebar .ul-niv1 li .ul-niv2 li a {
  color: #191F29;
}
.term-page .wrapper-header .taxonomy-term.vocabulary-category {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.term-page .wrapper-header .taxonomy-term.vocabulary-category a {
  display: none;
}
.term-page .wrapper-header .taxonomy-term.vocabulary-category .wrapper-icon {
  margin-left: 0;
}
.term-page .wrapper-header .taxonomy-term.vocabulary-category .h1 {
  font-size: 24px;
}
.term-page .wrapper-header .cpt {
  margin-left: 50px;
  color: #666666;
}
.term-page .wrapper-content .wrapper-category-child {
  margin: 30px;
}
.term-page .wrapper-content .wrapper-category-child.with-child {
  position: relative;
  border-radius: 8px;
  border: 1px solid #F4F6F9;
}
.term-page .wrapper-content .wrapper-category-child.with-child a.anchor {
  position: absolute;
  top: -80px;
}
.term-page .wrapper-content .wrapper-category-child .child {
  border-radius: 8px 8px 0 0;
  background: #F4F6F9;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
}
.term-page .wrapper-content .wrapper-category-child .node--type-article {
  padding: 25px 15px 0;
}
.term-page .wrapper-content .wrapper-category-child .node--type-article .node__content {
  padding-bottom: 25px;
  border-bottom: 1px solid #F4F6F9;
}
.term-page .wrapper-content .wrapper-category-child .node--type-article:last-child .node__content {
  border: none;
}
.term-page .wrapper-content .wrapper-category-child .next {
  display: none;
}

.chat-overlay {
  position: fixed;
  width: 330px;
  bottom: 7em;
  right: 2em;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  height: 75%;
  max-height: 600px;
}
.chat-overlay.chat-overlay-closed {
  display: none;
}

.chat-overlay-closed .header-logo {
  display: none;
}

.header-logo {
  position: absolute;
  height: 25px;
  border-radius: 0.5rem 0.5rem 0 0;
  width: 20px;
  right: 0;
}

.header-logo img, .header-logo svg {
  height: inherit;
}

.header-logo img.chat-overlay-close {
  margin-left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  height: 50%;
  padding: 0.5rem;
}

.header-logo svg.chat-overlay-close {
  margin-left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  height: 100%;
  cursor: pointer;
  margin-right: 3px;
}

.chat-overlay-closed {
  height: 71px;
}

.chat-overlay-wrapper {
  width: 330px;
  height: 100%;
}

.chat-overlay-header-mobile {
  display: none;
}

.chat-overlay-header {
  height: 56px;
  border-radius: 30px;
  z-index: 99;
  cursor: pointer;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  padding: 15px;
}
.chat-overlay-header.chat-overlay-header-closed {
  -webkit-animation: bounce 10s infinite, fadeIn 1s;
  animation: bounce 10s infinite, fadeIn 1s;
}
.chat-overlay-header.chat-overlay-header-closed.chat-overlay-header-opened {
  -webkit-animation: bounce 10s infinite;
  animation: bounce 10s infinite;
}

@-webkit-keyframes bounce {
  2%, 8% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  5%, 11% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce {
  2%, 8% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  5%, 11% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#receiver {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

#receiver.chat-overlay-close {
  opacity: 0;
  overflow: hidden;
  height: 100%;
}

#receiver.chat-overlay-open {
  height: 100%;
  opacity: 1;
  overflow: hidden;
}

.chat-overlay-header-img {
  max-width: 40px;
  max-height: 40px;
}

.chat-overlay-header-img.open {
  opacity: 0;
}

.absolute-cart-box {
  display: none;
}

@media only screen and (max-width: 768px) {
  .chat-overlay {
    width: 100%;
    position: fixed;
    height: 100%;
    bottom: 0;
    right: 0;
    max-height: 100%;
  }

  .chat-overlay .header-logo {
    display: none;
  }

  .chat-overlay-header-mobile {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }

  .chat-overlay-header-mobile img {
    height: 30%;
    padding: 1rem;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .chat-overlay-header-mobile svg.chat-overlay-close {
    height: 22px;
    width: 22px;
    margin-right: 4px;
    cursor: pointer;
    margin-top: 2px;
  }

  .chat-overlay-header-mobile img.logo {
    height: 80%;
    padding: 1rem;
  }

  .chat-overlay-header-mobile.chat-overlay-close {
    display: none;
  }

  #receiver {
    border-radius: 0;
  }

  #receiver.chat-overlay-close {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  #receiver.chat-overlay-open {
    height: 100%;
    opacity: 1;
    overflow: hidden;
  }

  .chat-overlay-open {
    height: 100%;
    bottom: 0px;
    right: 0px;
  }
  .chat-overlay-open .chat-overlay-header {
    display: none;
  }

  .chat-overlay-closed {
    height: 205px;
    bottom: 24px;
    right: 24px;
    width: 88%;
  }

  .chat-overlay-wrapper {
    width: 100%;
    height: 100%;
  }
}
.chat-overlay {
  position: fixed;
  width: 330px;
  bottom: 7em;
  right: 2em;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  height: 75%;
  max-height: 600px;
}
.chat-overlay.chat-overlay-closed {
  display: none;
}

.chat-overlay-closed .header-logo {
  display: none;
}

.header-logo {
  position: absolute;
  height: 25px;
  border-radius: 0.5rem 0.5rem 0 0;
  width: 20px;
  right: 0;
}

.header-logo img, .header-logo svg {
  height: inherit;
}

.header-logo img.chat-overlay-close {
  margin-left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  height: 50%;
  padding: 0.5rem;
}

.header-logo svg.chat-overlay-close {
  margin-left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  height: 100%;
  cursor: pointer;
  margin-right: 3px;
}

.chat-overlay-closed {
  height: 71px;
}

.chat-overlay-wrapper {
  width: 330px;
  height: 100%;
}

.chat-overlay-header-mobile {
  display: none;
}

.chat-overlay-header {
  height: 56px;
  border-radius: 30px;
  z-index: 99;
  cursor: pointer;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  padding: 15px;
}
.chat-overlay-header.chat-overlay-header-closed {
  -webkit-animation: bounce 10s infinite, fadeIn 1s;
  animation: bounce 10s infinite, fadeIn 1s;
}
.chat-overlay-header.chat-overlay-header-closed.chat-overlay-header-opened {
  -webkit-animation: bounce 10s infinite;
  animation: bounce 10s infinite;
}

@keyframes bounce {
  2%, 8% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  5%, 11% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#receiver {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

#receiver.chat-overlay-close {
  opacity: 0;
  overflow: hidden;
  height: 100%;
}

#receiver.chat-overlay-open {
  height: 100%;
  opacity: 1;
  overflow: hidden;
}

.chat-overlay-header-img {
  max-width: 40px;
  max-height: 40px;
}

.chat-overlay-header-img.open {
  opacity: 0;
}

.absolute-cart-box {
  display: none;
}

@media only screen and (max-width: 768px) {
  .chat-overlay {
    width: 100%;
    position: fixed;
    height: 100%;
    bottom: 0;
    right: 0;
    max-height: 100%;
  }

  .chat-overlay .header-logo {
    display: none;
  }

  .chat-overlay-header-mobile {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }

  .chat-overlay-header-mobile img {
    height: 30%;
    padding: 1rem;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .chat-overlay-header-mobile svg.chat-overlay-close {
    height: 22px;
    width: 22px;
    margin-right: 4px;
    cursor: pointer;
    margin-top: 2px;
  }

  .chat-overlay-header-mobile img.logo {
    height: 80%;
    padding: 1rem;
  }

  .chat-overlay-header-mobile.chat-overlay-close {
    display: none;
  }

  #receiver {
    border-radius: 0;
  }

  #receiver.chat-overlay-close {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  #receiver.chat-overlay-open {
    height: 100%;
    opacity: 1;
    overflow: hidden;
  }

  .chat-overlay-open {
    height: 100%;
    bottom: 0px;
    right: 0px;
  }
  .chat-overlay-open .chat-overlay-header {
    display: none;
  }

  .chat-overlay-closed {
    height: 205px;
    bottom: 24px;
    right: 24px;
    width: 88%;
  }

  .chat-overlay-wrapper {
    width: 100%;
    height: 100%;
  }
}
.h1, h1 {
  font-size: 28px;
}
@media screen and (max-width: 767.98px) {
  .h1, h1 {
    font-size: 24px;
  }
}

.field--name-field-media-oembed-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.field--name-field-media-oembed-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.text-formatted ul {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2rem;
  list-style: disc;
}
.text-formatted ul li {
  list-style: inherit;
}
.text-formatted .ol[start="1"] {
  counter-reset: lis 1;
}
.text-formatted .ol[start="2"] {
  counter-reset: lis 2;
}
.text-formatted .ol[start="3"] {
  counter-reset: lis 3;
}
.text-formatted .ol[start="4"] {
  counter-reset: lis 4;
}
.text-formatted .ol[start="5"] {
  counter-reset: lis 5;
}
.text-formatted .ol[start="6"] {
  counter-reset: lis 6;
}
.text-formatted .ol[start="7"] {
  counter-reset: lis 7;
}
.text-formatted .ol[start="8"] {
  counter-reset: lis 8;
}
.text-formatted .ol[start="9"] {
  counter-reset: lis 9;
}
.text-formatted .ol[start="10"] {
  counter-reset: lis 10;
}
.text-formatted .ol[start="11"] {
  counter-reset: lis 11;
}
.text-formatted .ol[start="12"] {
  counter-reset: lis 12;
}
.text-formatted .ol[start="13"] {
  counter-reset: lis 13;
}
.text-formatted .ol[start="14"] {
  counter-reset: lis 14;
}
.text-formatted .ol[start="15"] {
  counter-reset: lis 15;
}
.text-formatted .ol[start="16"] {
  counter-reset: lis 16;
}
.text-formatted .ol[start="17"] {
  counter-reset: lis 17;
}
.text-formatted .ol[start="18"] {
  counter-reset: lis 18;
}
.text-formatted .ol[start="19"] {
  counter-reset: lis 19;
}
.text-formatted .ol[start="20"] {
  counter-reset: lis 20;
}
.text-formatted .ol[start="21"] {
  counter-reset: lis 21;
}
.text-formatted .ol[start="22"] {
  counter-reset: lis 22;
}
.text-formatted .ol[start="23"] {
  counter-reset: lis 23;
}
.text-formatted .ol[start="24"] {
  counter-reset: lis 24;
}
.text-formatted .ol[start="25"] {
  counter-reset: lis 25;
}
.text-formatted .ol[start="26"] {
  counter-reset: lis 26;
}
.text-formatted .ol[start="27"] {
  counter-reset: lis 27;
}
.text-formatted .ol[start="28"] {
  counter-reset: lis 28;
}
.text-formatted .ol[start="29"] {
  counter-reset: lis 29;
}
.text-formatted .ol[start="30"] {
  counter-reset: lis 30;
}
.text-formatted .ol[start="31"] {
  counter-reset: lis 31;
}
.text-formatted .ol[start="32"] {
  counter-reset: lis 32;
}
.text-formatted .ol[start="33"] {
  counter-reset: lis 33;
}
.text-formatted .ol[start="34"] {
  counter-reset: lis 34;
}
.text-formatted .ol[start="35"] {
  counter-reset: lis 35;
}
.text-formatted .ol[start="36"] {
  counter-reset: lis 36;
}
.text-formatted .ol[start="37"] {
  counter-reset: lis 37;
}
.text-formatted .ol[start="38"] {
  counter-reset: lis 38;
}
.text-formatted .ol[start="39"] {
  counter-reset: lis 39;
}
.text-formatted .ol[start="40"] {
  counter-reset: lis 40;
}
.text-formatted .ol[start="41"] {
  counter-reset: lis 41;
}
.text-formatted .ol[start="42"] {
  counter-reset: lis 42;
}
.text-formatted .ol[start="43"] {
  counter-reset: lis 43;
}
.text-formatted .ol[start="44"] {
  counter-reset: lis 44;
}
.text-formatted .ol[start="45"] {
  counter-reset: lis 45;
}
.text-formatted .ol[start="46"] {
  counter-reset: lis 46;
}
.text-formatted .ol[start="47"] {
  counter-reset: lis 47;
}
.text-formatted .ol[start="48"] {
  counter-reset: lis 48;
}
.text-formatted .ol[start="49"] {
  counter-reset: lis 49;
}
.text-formatted .ol[start="50"] {
  counter-reset: lis 50;
}
.text-formatted .ol[start="51"] {
  counter-reset: lis 51;
}
.text-formatted .ol[start="52"] {
  counter-reset: lis 52;
}
.text-formatted .ol[start="53"] {
  counter-reset: lis 53;
}
.text-formatted .ol[start="54"] {
  counter-reset: lis 54;
}
.text-formatted .ol[start="55"] {
  counter-reset: lis 55;
}
.text-formatted .ol[start="56"] {
  counter-reset: lis 56;
}
.text-formatted .ol[start="57"] {
  counter-reset: lis 57;
}
.text-formatted .ol[start="58"] {
  counter-reset: lis 58;
}
.text-formatted .ol[start="59"] {
  counter-reset: lis 59;
}
.text-formatted .ol[start="60"] {
  counter-reset: lis 60;
}
.text-formatted .ol[start="61"] {
  counter-reset: lis 61;
}
.text-formatted .ol[start="62"] {
  counter-reset: lis 62;
}
.text-formatted .ol[start="63"] {
  counter-reset: lis 63;
}
.text-formatted .ol[start="64"] {
  counter-reset: lis 64;
}
.text-formatted .ol[start="65"] {
  counter-reset: lis 65;
}
.text-formatted .ol[start="66"] {
  counter-reset: lis 66;
}
.text-formatted .ol[start="67"] {
  counter-reset: lis 67;
}
.text-formatted .ol[start="68"] {
  counter-reset: lis 68;
}
.text-formatted .ol[start="69"] {
  counter-reset: lis 69;
}
.text-formatted .ol[start="70"] {
  counter-reset: lis 70;
}
.text-formatted .ol[start="71"] {
  counter-reset: lis 71;
}
.text-formatted .ol[start="72"] {
  counter-reset: lis 72;
}
.text-formatted .ol[start="73"] {
  counter-reset: lis 73;
}
.text-formatted .ol[start="74"] {
  counter-reset: lis 74;
}
.text-formatted .ol[start="75"] {
  counter-reset: lis 75;
}
.text-formatted .ol[start="76"] {
  counter-reset: lis 76;
}
.text-formatted .ol[start="77"] {
  counter-reset: lis 77;
}
.text-formatted .ol[start="78"] {
  counter-reset: lis 78;
}
.text-formatted .ol[start="79"] {
  counter-reset: lis 79;
}
.text-formatted .ol[start="80"] {
  counter-reset: lis 80;
}
.text-formatted .ol[start="81"] {
  counter-reset: lis 81;
}
.text-formatted .ol[start="82"] {
  counter-reset: lis 82;
}
.text-formatted .ol[start="83"] {
  counter-reset: lis 83;
}
.text-formatted .ol[start="84"] {
  counter-reset: lis 84;
}
.text-formatted .ol[start="85"] {
  counter-reset: lis 85;
}
.text-formatted .ol[start="86"] {
  counter-reset: lis 86;
}
.text-formatted .ol[start="87"] {
  counter-reset: lis 87;
}
.text-formatted .ol[start="88"] {
  counter-reset: lis 88;
}
.text-formatted .ol[start="89"] {
  counter-reset: lis 89;
}
.text-formatted .ol[start="90"] {
  counter-reset: lis 90;
}
.text-formatted .ol[start="91"] {
  counter-reset: lis 91;
}
.text-formatted .ol[start="92"] {
  counter-reset: lis 92;
}
.text-formatted .ol[start="93"] {
  counter-reset: lis 93;
}
.text-formatted .ol[start="94"] {
  counter-reset: lis 94;
}
.text-formatted .ol[start="95"] {
  counter-reset: lis 95;
}
.text-formatted .ol[start="96"] {
  counter-reset: lis 96;
}
.text-formatted .ol[start="97"] {
  counter-reset: lis 97;
}
.text-formatted .ol[start="98"] {
  counter-reset: lis 98;
}
.text-formatted .ol[start="99"] {
  counter-reset: lis 99;
}
.text-formatted .ol[start="100"] {
  counter-reset: lis 100;
}
.text-formatted ol {
  list-style: none;
  counter-reset: li;
}
.text-formatted ol > li::before {
  content: counter(li) ".";
  color: #FF5F00;
  font-weight: bold;
  display: inline-block;
  width: 1.5em;
  margin-left: -1em;
}
.text-formatted ol > li {
  counter-increment: li;
}
.text-formatted .title {
  font-weight: bold;
  font-size: 18px;
}
.text-formatted .title:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  border-radius: 4px;
  background-color: #FF5F00;
  margin-bottom: 2px;
  margin-right: 5px;
}
.text-formatted h2 {
  font-size: 18px;
}
.text-formatted h2:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  border-radius: 4px;
  background-color: #FF5F00;
  margin-bottom: 2px;
  margin-right: 5px;
}
.text-formatted .orange_btn {
  font-size: 1em;
  padding: 0 24px;
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
  background: #FF5F00;
  border: 1px solid transparent;
}
.text-formatted .orange_btn:hover {
  background-color: #CC4C00;
}
.text-formatted table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
  border-style: solid;
  border-width: 0;
}
.text-formatted table tr {
  border-width: 1px 0;
}
.text-formatted table th {
  padding: 0.5rem 0.5rem;
  border-width: 0 1px;
}
.text-formatted table td {
  padding: 0.5rem 0.5rem;
  border-width: 0 1px;
}

.breadcrumb {
  margin-top: 50px;
}
.breadcrumb a {
  color: #191F29;
  font-weight: 600;
  font-size: 14px;
}
.breadcrumb ol li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumb ol li:first-child:before {
  content: "";
}
.breadcrumb ol li:before {
  content: " »";
}
.breadcrumb ol li:last-child a {
  color: #FF5F00;
}

.toolbar-horizontal.toolbar-fixed header {
  top: 80px;
}

.vocabulary-hightlighting-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  font-family: "sarabun", Arial, sans-serif;
  border-radius: 50px;
}
.vocabulary-hightlighting-label .field--name-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vocabulary-hightlighting-label .field--name-name:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.vocabulary-hightlighting-label.orange-style {
  background-color: #FFF4ED;
  color: #FF5F00;
}
.vocabulary-hightlighting-label.orange-style .field--name-name:before {
  background-color: #FF5F00;
}
.vocabulary-hightlighting-label.red-style {
  background-color: #FEE7E7;
  color: #D2180D;
}
.vocabulary-hightlighting-label.red-style .field--name-name:before {
  background-color: #D2180D;
}
.vocabulary-hightlighting-label.gray-style {
  background-color: #F4F6F9;
  color: #191F29;
}
.vocabulary-hightlighting-label.gray-style .field--name-name:before {
  background-color: #191F29;
}

.node-link {
  cursor: pointer;
}

.slick-arrow.slick-prev:before {
  content: "\e913";
  font-family: icomoon;
  color: #191F29;
}
.slick-arrow.slick-next:before {
  content: "\e906";
  font-family: icomoon;
  color: #191F29;
}

.config_pages--type--home .field--name-field-paragraphs {
  background-color: #F4F6F9;
  padding: 1px 0;
}
.config_pages--type--home .field--name-field-paragraphs .paragraph {
  margin-top: 50px;
  margin-bottom: 50px;
}

.path-frontpage .wrapper-header-search .container {
  background: url("../images/banner.png");
  background-size: cover;
  background-position: center;
}
.path-frontpage h1 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  margin-top: 90px;
}
.path-frontpage h1 strong, .path-frontpage h1 b {
  color: #FF5F00;
}
.path-frontpage .search-form .form-item {
  margin-top: 30px;
  margin-bottom: 90px;
}

.paragraph {
  margin-top: 25px;
  margin-bottom: 25px;
}

.home-paragraph-no-bg {
  background-color: #fff;
}

.paragraph--type--highlighting {
  border-radius: 8px;
}
.paragraph--type--highlighting .field--name-field-content {
  padding: 25px 15px;
}
.paragraph--type--highlighting.with-picto .field--name-field-content {
  padding-left: 0;
}
.paragraph--type--highlighting .col-picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 0;
  font-size: 1.7em;
  text-align: center;
  color: #D2180D;
}
.paragraph--type--highlighting.gray-bg .col-picto {
  color: #1F61D4;
}
.paragraph--type--highlighting.with-img .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph--type--blockquote {
  background-color: #F4F6F9;
  padding: 30px 40px;
  border-radius: 8px;
}
.paragraph--type--blockquote .wrapper-blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--blockquote .quote {
  font-family: "sarabun", Arial, sans-serif;
  font-size: 46px;
  font-weight: bold;
  color: #FF5F00;
}
.paragraph--type--blockquote .quote.after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.paragraph--type--blockquote .field--name-field-content {
  margin: auto 5px;
}
.paragraph--type--blockquote .field--name-field-content p {
  font-size: 22px;
  font-family: "Muller", Arial, sans-serif;
  color: #191F29;
  font-weight: 400;
}
.paragraph--type--blockquote .field--name-field-title {
  font-family: "sarabun", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #666666;
}

.paragraph--type--video .nav-tabs {
  margin-bottom: 20px;
  border: none;
}
.paragraph--type--video .nav-tabs .nav-item {
  background-color: #F4F6F9;
}
.paragraph--type--video .nav-tabs .nav-item:first-child {
  border-radius: 360px 0 0 360px;
}
.paragraph--type--video .nav-tabs .nav-item:last-child {
  border-radius: 0 360px 360px 0;
}
.paragraph--type--video .nav-tabs .nav-link {
  border: none;
  padding: 8px 16px;
  color: #191F29;
}
.paragraph--type--video .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #FF5F00;
  border-radius: 360px;
  font-weight: 700;
}

.paragraph--type--steps {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.paragraph--type--steps .paragraph {
  margin: 0;
}

.paragraph--type--step {
  border: 2px solid #F4F6F9;
  border-radius: 8px;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.paragraph--type--step .bullet {
  position: absolute;
  width: 100%;
  top: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.paragraph--type--step .bullet .field--name-field-bullet {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #191F29;
  color: #fff;
}
.paragraph--type--step .icomoon {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 80px;
  font-size: 4em;
  color: #FF5F00;
}
.paragraph--type--step .field--name-field-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  color: #373F51;
  padding: 5px 20px 20px;
  min-height: 100px;
  text-align: center;
}
.paragraph--type--step .content {
  padding: 15px 25px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.paragraph--type--category-links .field--name-field-title {
  font-size: 24px;
  font-weight: bold;
  font-family: "Muller", Arial, sans-serif;
}
.paragraph--type--category-links .wrapper-terms {
  margin-top: 20px;
}
.paragraph--type--category-links .wrapper-terms .term {
  background-color: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  min-height: 100px;
  margin-bottom: 20px;
}
.paragraph--type--category-links .wrapper-terms .term .inner-term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.paragraph--type--category-links .wrapper-terms .term:hover {
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.paragraph--type--category-links .wrapper-terms .term .wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #F4F6F9;
  color: #1F61D4;
  border-radius: 50%;
  font-size: 1.4em;
}
.paragraph--type--category-links .wrapper-terms .term:hover .wrapper-icon {
  background-color: #1F61D4;
  color: #fff;
}
.paragraph--type--category-links .wrapper-terms .term .title {
  margin-left: 15px;
  padding-right: 15px;
  color: #191F29;
  font-size: 16px;
  font-weight: bold;
}
.paragraph--type--category-links .wrapper-terms .term .title .cpt {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
}

.paragraph--type--slider-articles .field--name-field-title {
  font-size: 24px;
  font-weight: bold;
  font-family: "Muller", Arial, sans-serif;
}
.paragraph--type--slider-articles .wrapper-slider-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.paragraph--type--slider-articles .wrapper-slider-header .field--name-field-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  font-size: 24px;
  font-weight: bold;
  font-family: "Muller", Arial, sans-serif;
}
.paragraph--type--slider-articles .wrapper-slider-header a {
  color: #191F29;
  text-decoration: underline;
}
.paragraph--type--slider-articles .wrapper-articles {
  margin-top: 20px;
}
.paragraph--type--slider-articles .wrapper-articles .slick-track .slick-slide .node--type-article.node--view-mode-teaser-home {
  margin-right: 10px;
}
.paragraph--type--slider-articles .wrapper-articles .slick-track .slick-slide:nth-child(1n) .node--type-article.node--view-mode-teaser-home {
  background: radial-gradient(100% 100% at 50% 0%, #FF8B48 38.02%, #FF5F00 100%);
}
.paragraph--type--slider-articles .wrapper-articles .slick-track .slick-slide:nth-child(2n) .node--type-article.node--view-mode-teaser-home {
  background: radial-gradient(102.23% 102.23% at 51.22% 1.4%, #59778E 40.62%, #3D5362 100%);
}
.paragraph--type--slider-articles .wrapper-articles .slick-track .slick-slide:nth-child(3n) .node--type-article.node--view-mode-teaser-home {
  background: #373F51;
}
.paragraph--type--slider-articles .slick-arrow.slick-prev {
  left: -20px;
}
.paragraph--type--slider-articles .slick-arrow.slick-next {
  right: -20px;
}

.paragraph--type--highlighting-articles .wrapper-hightlight {
  background-color: #fff;
  border-radius: 8px;
}
.paragraph--type--highlighting-articles .wrapper-hightlight > .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.paragraph--type--highlighting-articles .wrapper-hightlight .field--name-field-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.paragraph--type--highlighting-articles .wrapper-hightlight .content {
  padding: 40px 50px;
}
.paragraph--type--highlighting-articles .wrapper-hightlight .content .field--name-field-title {
  color: #191F29;
  font-size: 18px;
  font-weight: bold;
  font-family: "sarabun", Arial, sans-serif;
  margin: 20px 0;
}
.paragraph--type--highlighting-articles .wrapper-hightlight .content .field--name-field-related-articles > .field__item {
  padding: 20px 0;
  border-bottom: 1px solid #E2E2E2;
}
.paragraph--type--highlighting-articles .wrapper-hightlight .content .field--name-field-related-articles > .field__item:last-child {
  border: none;
}

.wrapper-header-search {
  background-color: #373F51;
}

.wrapper-search-content {
  z-index: 1;
  position: absolute;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#wrapper-container-search:hover .wrapper-search-content {
  display: block;
}
#wrapper-container-search .wrapper-search-content {
  display: none;
}

#wrapper-ajax-content .wrapper-inner {
  padding: 40px 0;
}
#wrapper-ajax-content .col-title {
  font-size: 22px;
  font-family: "Muller", Arial, sans-serif;
  color: #373F51;
  font-weight: bold;
}
#wrapper-ajax-content ul li {
  padding: 15px 0;
  border-bottom: 1px solid #E2E2E2;
}
#wrapper-ajax-content .search-article {
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #191F29;
}
#wrapper-ajax-content .search-article span.icon-file {
  margin-right: 5px;
}
#wrapper-ajax-content .link-search-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#wrapper-ajax-content .link-search-article:hover span.title {
  text-decoration: underline;
}
#wrapper-ajax-content .wrapper-excerpt {
  font-size: 14px;
  font-style: italic;
  color: #666666;
}
#wrapper-ajax-content .vocabulary-category-search {
  color: #191F29;
}
#wrapper-ajax-content .vocabulary-category-search a {
  color: #191F29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#wrapper-ajax-content .vocabulary-category-search a .wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #F4F6F9;
  color: #1F61D4;
  border-radius: 50%;
  font-size: 1.4em;
  margin-right: 15px;
}
#wrapper-ajax-content .vocabulary-category-search a:hover {
  color: #1F61D4;
  font-weight: bold;
}
#wrapper-ajax-content .vocabulary-category-search a:hover .wrapper-icon {
  background-color: #1F61D4;
  color: #fff;
}

.search-form {
  position: relative;
}
.search-form .form-item {
  margin-top: 50px;
  margin-bottom: 50px;
}
.search-form button.submit-form-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 11px;
  width: 35px;
  height: 35px;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.search-form button.submit-form-icon span.icon-search {
  color: #000;
  font-size: 18px;
}
.search-form input.form-text {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  min-height: 50px;
  border: 2px solid transparent;
  color: #000;
  padding: 0 50px 0 20px;
}
.search-form input.form-text:focus-visible, .search-form input.form-text:focus {
  outline: none;
  border-color: #FF5F00;
}
.search-form input.form-submit {
  display: none;
}
.search-form ::-webkit-input-placeholder {
  color: #6D6F73;
  opacity: 1;
}
.search-form ::-moz-placeholder {
  color: #6D6F73;
  opacity: 1;
}
.search-form :-ms-input-placeholder {
  color: #6D6F73;
  opacity: 1;
}
.search-form ::-ms-input-placeholder {
  color: #6D6F73;
  opacity: 1;
}
.search-form ::placeholder {
  color: #6D6F73;
  opacity: 1;
}
.search-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #6D6F73;
}
.search-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #6D6F73;
}

.path-search #block-centre-aide-breadcrumbs {
  background-color: #F4F6F9;
}
.path-search .views-exposed-form {
  display: none;
}
.path-search .view-header,
.path-search .view-footer,
.path-search .view-content,
.path-search .view-pager {
  background-color: #F4F6F9;
}
.path-search .view-empty-area {
  background-color: #fff;
}
.path-search .view-empty-view {
  background-color: #F4F6F9;
}
.path-search .view-header {
  padding: 40px 0;
}
.path-search .view-header h2 {
  margin: 0;
}
.path-search .view-header p {
  font-size: 14px;
  color: #666666;
}
.path-search .view-content {
  padding-bottom: 40px;
}
.path-search .view-content .views-row {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(226, 226, 226, 0.47);
}
.path-search .view-pager {
  padding-bottom: 40px;
}
.path-search .view-empty-area {
  padding: 40px 0;
}
.path-search .view-empty-area p {
  font-size: 14px;
  color: #666666;
}

@media screen and (max-width: 991.98px) {
  .page-node-type-article .breadcrumb ol li:first-child, .page-node-type-article .breadcrumb ol li:last-child {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .page-node-type-article .region-breadcrumb,
.page-node-type-article main {
    background-color: #F4F6F9;
  }
  .page-node-type-article .breadcrumb ol li:first-child, .page-node-type-article .breadcrumb ol li:last-child {
    display: none;
  }
  .page-node-type-article .node--type-article.node--view-mode-full {
    border-radius: 8px;
    padding: 0 15px;
    background-color: #fff;
  }
  .page-node-type-article .node--type-article.node--view-mode-full .wrapper-header-content {
    padding-top: 20px;
  }
  .page-node-type-article #block-footerarticles .field--name-body {
    background-color: #fff;
    margin-bottom: 25px;
    background-position: center;
  }
}
@media screen and (max-width: 991.98px) {
  .path-taxonomy .region-breadcrumb,
.path-taxonomy main {
    background-color: #e5e5e5;
  }
  .path-taxonomy .region-breadcrumb .wrapper-content-wrapper,
.path-taxonomy main .wrapper-content-wrapper {
    background-color: #fff;
  }
  .path-taxonomy .breadcrumb ol li:before {
    content: "\e913";
    font-family: icomoon;
    display: inline-block;
  }
  .path-taxonomy .breadcrumb ol li:last-child {
    display: none;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .slick-arrow {
    display: none !important;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .term {
    background-color: #fff;
    border-radius: 8px;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .term .wrapper-icon {
    margin: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #F4F6F9;
    color: #1F61D4;
    border-radius: 50%;
    font-size: 1.4em;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .term .title {
    text-align: center;
    color: #191F29;
    font-size: 14px;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .active-slide .term {
    background: radial-gradient(84.62% 84.62% at 50.37% 15.38%, #59778E 40.62%, #3D5362 100%);
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .active-slide .term .wrapper-icon {
    color: #506C80;
    background-color: #fff;
  }
  .path-taxonomy .term-page .wrapper-sidebar-slide .active-slide .term .title {
    text-align: center;
    color: #fff;
    font-weight: 700;
  }
  .path-taxonomy .term-page .wrapper-tablet-nav {
    padding: 15px 30px;
  }
  .path-taxonomy .term-page .wrapper-tablet-nav .title {
    text-align: center;
    color: #40629D;
    font-family: "sarabun", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
  }
  .path-taxonomy .term-page .wrapper-tablet-nav .count {
    text-align: center;
    color: #666666;
    font-family: "sarabun", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }
  .path-taxonomy .term-page .wrapper-header .taxonomy-term.vocabulary-category {
    margin-top: 20px;
  }
  .path-taxonomy .term-page .wrapper-header .taxonomy-term.vocabulary-category .wrapper-icon {
    background: none;
    margin: 0;
  }
  .path-taxonomy .term-page .wrapper-header .taxonomy-term.vocabulary-category .h1 {
    margin: 0;
  }
  .path-taxonomy .term-page .wrapper-header .cpt {
    margin-left: 10px;
  }
  .path-taxonomy .term-page .wrapper-header .cpt.hide {
    display: none;
  }
  .path-taxonomy .term-page .wrapper-menu-tab ul li {
    border-radius: 8px;
    background: #F4F6F9;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    margin: 15px 0;
  }
  .path-taxonomy .term-page .wrapper-menu-tab ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #191F29;
  }
  .path-taxonomy .term-page .wrapper-content.hide-content {
    display: none;
  }
  .path-taxonomy .term-page .wrapper-content .wrapper-category-child {
    margin: 15px 0;
    border: none;
  }
  .path-taxonomy .term-page .wrapper-content .wrapper-category-child .child {
    display: none;
  }
  .path-taxonomy .term-page .wrapper-content .wrapper-category-child .next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0;
  }
  .path-taxonomy .term-page .wrapper-content .wrapper-category-child .next a {
    color: #191F29;
    text-decoration: underline;
  }
}
.hide-desktop {
  display: none;
}

@media screen and (max-width: 991.98px) {
  .hide-tablet {
    display: none;
  }

  .hide-desktop {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .no-padding-mobile {
    padding: 0;
  }

  .hide-mobile {
    display: none;
  }

  .hide-desktop {
    display: block;
  }

  .breadcrumb {
    margin-top: 25px;
  }
  .breadcrumb ol li:before {
    content: "\e906";
    font-family: icomoon;
  }
  .breadcrumb ol li a {
    font-weight: 500;
    text-decoration: underline;
  }
}
@media screen and (max-width: 991.98px) {
  .path-frontpage .wrapper-header-search .container {
    background: url("../images/banner_tab.png");
    background-size: cover;
    background-position: top;
  }
  .path-frontpage h1 {
    font-size: 30px;
    margin-top: 70px;
  }
  .path-frontpage .search-form .form-item {
    margin-top: 30px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .config_pages--type--home .field--name-field-paragraphs .paragraph {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .path-frontpage .wrapper-header-search .container {
    background: url("../images/banner_mob.png");
    background-size: cover;
    background-position: center;
  }
  .path-frontpage h1 {
    font-size: 28px;
    margin-top: 50px;
  }
  .path-frontpage .search-form .form-item {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .paragraph--type--highlighting.paragraph.with-img .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .paragraph--type--highlighting.with-picto .field--name-field-content {
    padding: 10px 0;
  }
  .paragraph--type--highlighting .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .paragraph--type--highlighting .row > .col-1, .paragraph--type--highlighting .row > .col, .paragraph--type--highlighting .row > .col-6 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .paragraph--type--steps.paragraph {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .paragraph--type--steps.paragraph.row > .col {
    padding-right: 1rem;
    padding-left: 1rem;
    margin: 25px 0;
  }

  .paragraph--type--category-links .field--name-field-title {
    font-size: 22px;
  }
  .paragraph--type--category-links .wrapper-terms .row .col:first-child .term {
    border-radius: 8px 8px 0 0;
  }
  .paragraph--type--category-links .wrapper-terms .row .col:first-child .term .inner-term {
    padding-top: 15px;
  }
  .paragraph--type--category-links .wrapper-terms .row .col:last-child .term {
    border-radius: 0 0 8px 8px;
  }
  .paragraph--type--category-links .wrapper-terms .row .col:last-child .term .inner-term {
    border-bottom: none;
    margin: 0;
  }
  .paragraph--type--category-links .wrapper-terms .term {
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
    min-height: 0;
  }
  .paragraph--type--category-links .wrapper-terms .term .inner-term {
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .paragraph--type--category-links .wrapper-terms .term .link-arrow {
    color: #6D7179;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: right;
  }

  .paragraph--type--highlighting-articles .wrapper-hightlight .content {
    padding: 25px;
  }

  .paragraph--type--slider-articles .slick-dots li {
    width: 10px;
  }
}
@media screen and (max-width: 991.98px) {
  .path-search nav.pager {
    position: relative;
  }
  .path-search .breadcrumb ol li:last-child a {
    color: #191F29;
  }
  .path-search .breadcrumb ol li:before {
    content: "\e913";
    font-family: icomoon;
    display: inline-block;
  }
}