/*--------------------------------------------
|
|  Extend Classes
|
--------------------------------------------*/
.fa-facebook:before { content: url(../images/common/ic_facebook.svg); }

.fa-phone-square:before { content: url(../images/common/ic_local_phone.svg); }

.fa-twitter:before { content: url(../images/common/ic_twitter.svg); }

.fa-pdf:before { content: url(../images/common/ic_pdf.svg); }

h1 { font-size: 36px; }
@media screen and (max-width: 767px) { h1 { font-size: 28px; } }
h1.page-title { font-size: var(--global--font-size-page-title); color: #000; border-top: 15px solid #000; }
@media screen and (max-width: 1199px) { h1.page-title { font-size: calc(var(--global--font-size-page-title) / 1.5); } }
@media screen and (max-width: 575px) { h1.page-title { border-top: 10px solid #000; } }
.page-title h1 { font-size: var(--global--font-size-page-title); color: #000; border-top: 15px solid #000; margin: 0 0 2rem; padding-top: 1rem; }
@media screen and (min-width: 1200px) and (max-width: 1440px) { .page-title h1 { font-size: 2vw; } }
@media screen and (max-width: 1199px) { .page-title h1 { font-size: calc(var(--global--font-size-page-title) / 1.5); } }
@media screen and (max-width: 575px) { .page-title h1 { border-top: 10px solid #000; } }

.sidebar { margin-bottom: var(--space-5); }
@media screen and (max-width: 767px) { .sidebar { margin-bottom: calc(var(--space-5) / 2); } }
.no-edit .sidebar .sticky { position: -webkit-sticky; position: sticky; top: 2rem; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
.u-login.no-edit .sidebar .sticky { top: 68px; }
.sidebar .side-menu ul { list-style-type: none; padding: 0; margin: 0; }
.sidebar .side-menu ul li { position: relative; overflow: hidden; }
.sidebar .side-menu ul li.nav-path-selected > a:not(.sub-menu-level-1 > li > a) { background: #F7F7F7; }
.sidebar .side-menu ul li a { color: #8C8C8C; font-size: var(--global--font-size-20); display: block; padding: 1rem 1.5rem; position: relative; z-index: 1; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
.sidebar .side-menu ul li a.nav-selected, .sidebar .side-menu ul li a.nav-path-selected, .sidebar .side-menu ul li a:hover { color: #000; }

.breadcrumbs { border-bottom: 10px solid #C53838; padding-bottom: 1rem; margin-bottom: 2rem; margin-top: 0; }

@media screen and (min-width: 1200px) { .container-page-details { padding-left: var(--space-3); } }
@media screen and (min-width: 992px) { .container-page-details > .row { --bs-gutter-x: 6rem; } }
.container-page-details .page-title { padding-right: var(--space-3); } 
@media screen and (max-width: 1199px) { .container-page-details .page-title { padding-right: 0; } }

.wrapper-page-details .gx-5 { --bs-gutter-x: 5rem; }
.wrapper-page-details .content h1 { font-family: "BasierCircle Medium", Helvetica, Arial, sans-serif; color: #000; margin-bottom: 1.5rem; }
@media screen and (min-width: 1200px) { .wrapper-page-details .content h1 { font-size: 50px; } }
@media screen and (min-width: 768px) and (max-width: 1199px) { .wrapper-page-details .content h1 { font-size: 26px; } }
.wrapper-page-details .content .date { border-bottom: 1px solid #E6E6E6; padding-bottom: 0.5rem; margin-bottom: 1.5rem; font-family: "BasierCircle SemiBold", Helvetica, Arial, sans-serif; color: #000; }
.wrapper-page-details .content .ccm-block-tags-wrapper { margin-bottom: calc(var(--space-3) / 2); }
.wrapper-page-details .content .img { position: relative; padding-top: 55%; }
@media screen and (max-width: 575px) { .wrapper-page-details .content .img { padding-top: 63%; } }
.wrapper-page-details .content .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0; }
.wrapper-page-details .content .list-inline a { width: 40px; height: 40px; background: #EEEEEE; color: #000; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
.wrapper-page-details .content .list-inline a:hover { background-color: #C53838; color: #fff; }
.wrapper-page-details .content .author { border-bottom: 1px solid #E6E6E6; background: #fff; margin-bottom: calc(var(--space-3) / 2); padding-bottom: calc(var(--space-3) / 2); position: relative; }
.wrapper-page-details .content .author:before { content: ""; width: 18px; height: 18px; border: none; position: absolute; left: calc(50% - calc(18px / 2)); bottom: -9px; background-color: #fff; z-index: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.wrapper-page-details .content .author:after { content: ""; width: 20px; height: 20px; border: 1px solid #E6E6E6; position: absolute; left: calc(50% - calc(20px / 2)); bottom: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; z-index: -1; }
.wrapper-page-details .content .author .name .user-group { color: #9B9B9B; }
.wrapper-page-details .content-details .block-grid-pagelist--document h2 { font-size: var(--global--font-size-20); }
.wrapper-page-details .content-details .block-grid-pagelist--document .parent-desc { font-family: "BasierCircle Regular", Helvetica, Arial, sans-serif; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul { list-style: none; padding: 0; margin: var(--space-2) 0; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul li { border-bottom: 1px solid #E6E6E6; padding-bottom: 1rem; margin-bottom: 1rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul li .title { padding-right: 20px; font-size: 16px; font-family: "BasierCircle Regular", Helvetica, Arial, sans-serif; color: #393939; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul li .download-link a { display: flex; display: -webkit-flex; color: #F04037; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul li .download-link a:hover { color: #C53838; }
.wrapper-page-details .content-details .block-grid-pagelist--document ul li .download-link a span { margin-left: 10px; }
@media screen and (max-width: 767px) { .wrapper-page-details .content-details .block-grid-pagelist--media .media-item { flex: 0 0 auto; width: 50%; } }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .title { margin: var(--space-2) 0; font-size: 16px; font-family: "BasierCircle Regular", Helvetica, Arial, sans-serif; color: #393939; }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media { position: relative; padding-top: 70%; display: block; overflow: hidden; }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media i { position: absolute; color: #fff; font-size: 30px; width: 100%; height: 100%; top: 0; left: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media i:before { z-index: 1; }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media i:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.45; }
.wrapper-page-details .content-details .block-grid-pagelist--media .media-item .media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; -ms-transition: 0.5s ease; }
.wrapper-page-details .swiper-thumbnail-wrapper { position: relative; padding-right: 4rem; padding-left: 4rem; }
@media screen and (max-width: 575px) { .wrapper-page-details .swiper-thumbnail-wrapper { padding-right: 0; padding-left: 0; } }
.wrapper-page-details .swiper-container { width: 100%; height: 100%; }
.wrapper-page-details .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.wrapper-page-details .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrapper-page-details .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.wrapper-page-details .mySwiper2 { height: 80%; width: 100%; }
.wrapper-page-details .mySwiper { height: 130px; padding: 10px 0; }
@media screen and (max-width: 575px) { .wrapper-page-details .mySwiper { height: 80px; } }
.wrapper-page-details .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.7; }
.wrapper-page-details .mySwiper .swiper-slide-thumb-active { opacity: 1; }
.wrapper-page-details .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrapper-page-details .gallerySwiper2 a { display: block; position: relative; width: 100%; }
.wrapper-page-details .gallerySwiper2 a .icon-view { background-color: rgba(0, 0, 0, 0.62); position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; cursor: pointer; z-index: 1; }
@media screen and (max-width: 575px) { .wrapper-page-details .gallerySwiper2 a .icon-view { width: 50px; height: 50px; }
  .wrapper-page-details .gallerySwiper2 a .icon-view svg { width: 20px; } }
.wrapper-page-details .gallerySwiper2 a .icon-view:hover { background-color: rgba(0, 0, 0, 0.9); }
.wrapper-page-details .swiper-button-next, .wrapper-page-details .swiper-button-prev { top: 60px; width: 48px; height: 48px; color: #fff; background: #C53838; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -o-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -ms-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
@media screen and (max-width: 575px) { .wrapper-page-details .swiper-button-next, .wrapper-page-details .swiper-button-prev { display: none; } }
.wrapper-page-details .swiper-button-next:hover, .wrapper-page-details .swiper-button-prev:hover { background-color: #DDDDDD; }
.wrapper-page-details .swiper-button-prev { left: 0; }
.wrapper-page-details .swiper-button-next { right: 0; }
.wrapper-page-details .swiper-button-next:after, .wrapper-page-details .swiper-button-prev:after { display: none; }
.wrapper-page-details .swiper-button-next.swiper-button-disabled, .wrapper-page-details .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.wrapper-page-details .swiper-pagination-custom { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.wrapper-page-details .swiper-pagination-custom .swiper-pagination-bullet { width: 10%; height: 50px; display: inline-block; border-radius: unset; margin: 0; opacity: .5; }
.wrapper-page-details .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.wrapper-page-details .swiper-pagination-custom .swiper-pagination-bullet img { width: 100%; height: 50px; object-fit: cover; object-position: center; }

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