@font-face {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSansRegular.eot');
    src: url('/fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('/fonts/OpenSansRegular.woff2') format('woff2'),
         url('/fonts/OpenSansRegular.woff') format('woff'),
         url('/fonts/OpenSansRegular.ttf') format('truetype'),
         url('/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('/fonts/OpenSansSemiBold.eot');
    src: url('/fonts/OpenSansSemiBold.eot') format('embedded-opentype'),
         url('/fonts/OpenSansSemiBold.woff2') format('woff2'),
         url('/fonts/OpenSansSemiBold.woff') format('woff'),
         url('/fonts/OpenSansSemiBold.ttf') format('truetype'),
         url('/fonts/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
     font-display: swap;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('/fonts/OpenSansBold.eot');
    src: url('/fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('/fonts/OpenSansBold.woff2') format('woff2'),
         url('/fonts/OpenSansBold.woff') format('woff'),
         url('/fonts/OpenSansBold.ttf') format('truetype'),
         url('/fonts/OpenSansBold.svg#OpenSansBold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('/fonts/OpenSansLight.eot');
    src: url('/fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('/fonts/OpenSansLight.woff2') format('woff2'),
         url('/fonts/OpenSansLight.woff') format('woff'),
         url('/fonts/OpenSansLight.ttf') format('truetype'),
         url('/fonts/OpenSansLight.svg#OpenSansLight') format('svg');
    font-display: swap;
}
body {font-weight: 400;font-size: 17px;line-height: 160%;  color: #54595f;font-family: 'OpenSansRegular';}
.body-innerwrapper {display: flex;min-height: 100vh;flex-direction: column;overflow: hidden;}
a:focus, button:focus {outline: none;}
a, a:focus {color: #BC8F8F;}
a:hover {color: #000;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'OpenSansSemiBold';font-weight: 400;line-height: 110%;margin-bottom: 20px;color: #454545;}
b, strong {font-weight: 400;font-family: 'OpenSansBold';}
#sp-main-body {padding: 80px 0;flex: 1;background: #F5F5F5;}
.home-page #sp-main-body {padding: 0;}
.article-details .article-can-edit {margin-bottom: 0;}
a:focus, button:focus {outline: none;}
.sp-megamenu-parent {margin: 0;}
.sp-megamenu-parent > li.active > a {font-weight: 400;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-family: 'OpenSansSemiBold';text-transform: uppercase;letter-spacing: 0.2px;color: #4B4B4B;padding: 0 12px;line-height: 80px;}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active > span,
.sp-megamenu-parent > li.active:hover > a, 
.sp-megamenu-parent > li:hover > a, 
.sp-megamenu-parent > li:hover > span {color: #BC8F8F;}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {content: none;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {display: block;font-size: 15px;color: #4B4B4B;line-height: 125%;position: relative;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #BC8F8F;}
#sp-header {height: 80px;box-shadow: none;}
#sp-header .row {align-items: center;height: 80px;}
#sp-header .sp-module {margin-left: 0;}
.mod-logo {font-family: 'OpenSansBold';font-size: 38px;padding-top: 6px;}
.mod-logo a {color: #4B4B4B;line-height: 55%;}
.mod-logo span {display: block;font-size: 14px;text-align: right;padding: 2px 2px 0 0;}
#sp-menu {width: 100%;flex: 1 0 0%;}
#sp-top1 {width: 270px;}
#sp-banner {padding: 100px 0 110px;background: url('/images/home.jpg') no-repeat center center;background-size: cover;position: relative;}
#sp-banner:before {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);}
.mod-banner {position: relative;}
.mod-banner h1 {text-align: center;color: #fff;font-family: 'OpenSansSemiBold';line-height: 120%;font-size: 48px;margin-bottom: 120px;}
.banner-row > div {position: relative;perspective: 700px;margin: 30px 0 0;text-align: center;}
.banner-front {
  background: #BC8F8F;
  width: calc(100% - 30px);
  height: 100%;
  padding: 35px 10px 45px;
  color: #fff;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 1;
  transition: all 0.5s ease-out 0s;
  transform: rotateY(0deg);
}
.banner-title h4 {color: #fff;text-transform: uppercase;margin: 0;font-size: 26px;line-height: 125%;font-family: 'OpenSansRegular';}
.banner-back .banner-title h4 {color: #464646;font-size: 23px;margin-bottom: 15px;}
.banner-img {display: inline-block;text-align: center;background: #464646;width: 100px;height: 100px;border-radius: 50%;line-height: 100px;margin-bottom: 15px;}
.banner-img img {display: inline-block;width: 60px;}
.banner-text {font-size: 14px;line-height: 120%;}
.banner-button {margin-top: 30px;}
.button1 {background: #BC8F8F;text-transform: uppercase;font-size: 14px;padding: 13px 30px;border-radius: 4px;color: #fff;font-family: 'OpenSansBold';line-height: 100%;border: none;}
.button1:hover {color: #fff;background: #464646;}
.button1:focus {color: #fff;}
.banner-back {
  width: 100%;
  height: 100%;
  padding: 35px 15px 45px;
  background: #fff;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: relative;
  z-index: 0;
  transform: rotateY(-180deg);
  transition: all 0.5s ease-out 0s;
}
.banner-row > div:hover .banner-front {transform: rotateY(180deg);}
.banner-row > div:hover .banner-back {transform: rotateY(0deg);}
.sp-scroll-up {bottom: 15px;right: 15px;border-radius: 0;transition: opacity 0.3s;}
.compensate-for-scrollbar .sp-scroll-up {right: 32px;}
#sp-classes {padding: 10px 0 90px;background: #fff;}
.classes-inner-row {margin: 0;}
.classes-inner-row > div:nth-child(1) {padding: 0;width: 100%;flex: 1 0 0%;background-color: #454545;}
.classes-inner-row > div:nth-child(2) {padding: 0;width: 60px;height: 100%;position: relative;}
.classes-inner-row > div:nth-child(1) h4 {margin: 0;padding: 55px 10px 55px 40px;text-transform: uppercase;color: #fff;font-size: 27px;}
.classes-inner-row > div:nth-child(2) a {width: 100%;height: 140px;overflow: hidden;display: block;position: relative;}
.classes-button {background: #BC8F8F;transform: translateX(0);transition: all .3s cubic-bezier(.5,.12,.46,.88);display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;}
.classes-button-hover {background: #000;transform: translateX(-100%);transition: all .3s cubic-bezier(.5,.12,.46,.88);display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 3;}
.classes-inner-row > div:nth-child(2) a:hover .classes-button {transform:translateX(100%);transition-delay:.1s;}
.classes-inner-row > div:nth-child(2) a:hover .classes-button-hover {transform:translateX(0);}
.classes-icon {position: relative;width: 100%;height: 100%;z-index: 2;padding: 10px 30px;display: flex;align-items: center;justify-content: center;transform:translateX(0);transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.classes-icon span, .classes-icon-hover span {color: #fff;width: 25px;height: 25px;font-size: 25px;}
.classes-icon-hover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;padding: 10px 30px;display: flex;align-items: center;justify-content: center;transform:translateX(-100%);transition:all .3s cubic-bezier(.5,.12,.46,.88);}
.classes-inner-row > div:nth-child(2) a:hover .classes-icon {transform:translateX(100%);}
.classes-inner-row > div:nth-child(2) a:hover .classes-icon-hover {transform:translateX(0);transition-delay:.1s;}
.mod-classes {margin-top: -80px;position: relative;}
#sp-news {background: #F5F5F5;padding: 80px 0;}
.sp-module-title {text-align: center;font-size: 46px;text-transform: uppercase;margin-bottom: 30px;}
#sp-news .sp-module-title {margin-bottom: 15px;}
.mod-news .row > div {margin-top: 30px;}
.news-image {width: 100%;padding-top: 56.25%;position: relative;overflow: hidden;margin-bottom: 15px;}
.news-image img {-o-object-fit: cover;object-fit: cover;object-position: center center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.5s;}
.news-image:hover img {-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07);}
.news-title {font-size: 19px;text-transform: uppercase;line-height: 135%;margin-bottom: 6px;}
.news-title a {color: #454545;}
.news-title a:hover {color: #BC8F8F;}
.news-date {font-size: 15px;color: #464646;}
.subheading-category {margin-bottom: 45px;}
.article-list .article {padding: 0;border: none;border-radius: 0;background: #fff;}
.article-list .article .article-intro-image {margin: 0;border-radius: 0;border-bottom: none;width: 100%;padding-top: 56.25%;position: relative;overflow: hidden;height: 100%;}
.article-list .article .article-intro-image img {
border-radius: 0;
-o-object-fit: cover;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
}
.article-list .article .article-intro-image:hover img {-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07);}
.article-row {margin: 0;}
.article-intro-image-outer {padding: 0;}
.article-body-outer {padding: 30px 15px 30px 30px;}
.article-list .article .readmore {font-size: 17px;margin-top: 12px;}
.article-list .article .readmore a {color: #BC8F8F;font-weight: 400;}
.article-list .article .readmore a:hover, .article-list .article .readmore a:focus {color: #000;}
.article-list .article .article-header h1, .article-list .article .article-header h2 {font-size: 22px;margin-bottom: 12px;}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {color: #454545;}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:focus {color: #BC8F8F;}
.article-list .article .article-info {margin-bottom: 10px;}
.article-info > span a {color: #BC8F8F;}
.article-info > span a:hover {color: #000;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 36px;border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 30px;}
.gallery-row {margin: 30px -5px 0;}
.gallery-row > div {padding: 0 5px;width: 20%;margin-bottom: 10px;}
.gallery-row > div .gallery-image {margin: 0;}
.gallery-image {width: 100%;padding-top: 65%;overflow: hidden;position: relative;}
.gallery-image img {-o-object-fit: cover;object-fit: cover;object-position: center center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.gallery-image a {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.gallery-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    transform: scale(0);
    transition: .5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    font-size: 20px;
}
.gallery-image:hover .gallery-overlay {visibility: visible;opacity: 1;transform: scale(1);}
.yt-video-wrapper {margin-top: 45px;width: 100%;max-width: 800px;}
.yt-video {position: relative;padding-bottom: 56.25%;height: 0;}
.yt-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.docs-row > div {display: none;width: 10%;}
.docs-row > div:first-child {display: block;width: 100%;max-width: 600px;margin: 0 auto;}
table {width: 100%;margin-bottom: 20px;}
table td {border: 1px solid #ccc;padding: 10px;}
.table-resp {overflow-x: auto;}
#sp-year {padding: 80px 0 90px;background: #F5F5F5;}
.mod-year .row > div {margin-top: 30px;}
.year-button {margin-top: 30px;}
.year-content {margin-top: 5px;}
.year-image {width: 100%;height: calc(100% + 20px);background-position: center center;background-size: cover;background-repeat: no-repeat;}
#sp-service {padding: 80px 0;}
.mod-social .row {align-items: center;}
.mod-social .row > div {margin-top: 30px;}
.mod-social {font-size: 17px;font-family: 'OpenSansSemiBold';}
.mod-social a {display: block;padding: 15px;border: 1px solid #454545;border-radius: 4px;color: #454545;}
.mod-social a:hover {background: #BC8F8F;color: #fff;border: 1px solid #BC8F8F;}
.mod-social a:before {content: "\f192";font-family: "Font Awesome 6 Free";margin-right: 10px;}
.mod-social p {margin: 15px 0;}
.social-image {width: 100%;height: 100%;position: relative;overflow: hidden;padding-top: 50%;}
.social-image img {-o-object-fit: cover;object-fit: cover;object-position: center center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#sp-notices {padding: 80px 0;}
.mod-notices .row {margin: 30px 0 0;padding: 20px;border: 1px solid #454545;border-radius: 4px;}
.notice-image {width: 215px;padding: 0 15px 0 0;}
.mod-notices .col {padding: 0 0 0 30px;}
.mod-notices h4 {margin-bottom: 15px;}
.mod-notices p {margin-bottom: 10px;}
#sp-notices .sp-module-title {margin-bottom: 50px;}
#sp-footer, #sp-bottom {background: #fff;color: #54595f;}
#sp-bottom {border-bottom: 1px solid #ccc;padding: 60px 0 30px;font-size: 16px;}
.home-page #sp-bottom {border-top: 1px solid #ccc;}
#sp-bottom .sp-module .sp-module-title {color: #454545;text-align: left;}
#sp-footer1 {text-align: center;}
.content-photo > div {margin-bottom: 30px;}
.docs2-row > div {margin-top: 30px;}
.search-link {font-size: 0px !important;line-height: 70px !important;}
.search-link:before {content: "\f002";font-family: "Font Awesome 6 Free";font-size: 14px !important;font-weight: 700;}
.btn-primary, .sppb-btn-primary, .btn-primary:focus, .sppb-btn-primary:focus, .btn-primary:active, .sppb-btn-primary:active {border-color: #BC8F8F !important;background-color: #BC8F8F !important;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color: #464646 !important;background-color: #464646 !important;;}
.result-title a {color: #454545;}
.result-title a:hover {color: #BC8F8F;}
.finder .search-results.list-striped li {border-bottom: 1px solid #ccc;padding: 20px 0 25px;}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin: 0;}
#offcanvas-toggler {color: #4B4B4B;font-size: 28px;}
body.ltr .close-offcanvas {right: 25px;}
.close-offcanvas {color: #4B4B4B;font-size: 24px;color: #fff;}
.offcanvas-active {overflow-y: hidden;}
.offcanvas-menu {overflow-y: auto;}
.offcanvas-menu {background-color: #BC8F8F;color: #fff;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {color: #fff;opacity: 1;font-family: 'OpenSansSemiBold';}
.offcanvas-menu .offcanvas-inner ul.menu>li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li > a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li > span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li > span:focus {color: #454545;}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {color: #fff;transition: all 0.3s;}
.offcanvas-menu .offcanvas-inner ul.menu>li > a:hover .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li > span:hover .menu-toggler {color: #454545;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > a {font-size: 17px;padding: 6px 0px;display: block;color: #fff !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a, .offcanvas-menu .offcanvas-inner ul.menu > li.active > span,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.active > span .menu-toggler {color: #454545 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul > li > a {color: #fff !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul > li.active > a, .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > a:hover {color: #454545 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul > li.active > a .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > a:hover .menu-toggler {color: #454545;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > .menu-child {display: block;}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler::after {content: "";}
.offcanvas-menu .search-link {font-size: 18px !important;line-height: 18px !important;}
.offcanvas-menu .search-link:before {content: none;}
.error-page .mod-logo {display: inline-block;margin-bottom: 40px;}
table p {margin: 0;}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {position: absolute;right: -10px;top: 50%;margin-top: -8px;}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {padding-left: 20px;top: -10px;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > ul li a {color: #fff !important;font-size: 16px;padding: 6px 0px;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > ul li a:hover {color: #454545 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul > li > ul li.active a {color: #454545 !important;}




@media (max-width: 1399px) {
.banner-title h4 {font-size: 22px;}
.banner-back .banner-title h4 {font-size: 21px;}
.banner-img {margin-bottom: 25px;}
.banner-front {padding: 25px 10px 35px;}
.banner-back {padding: 25px 15px 35px;}
}
@media (max-width: 1199px) {
#sp-top1 {width: 240px;}
.mod-logo {font-size: 33px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 13px;padding: 0 10px;}
.social-image {padding-top: 56%;}
}
@media (max-width: 991px) {
.article-list .article .article-intro-image {height: auto;}
.article-body-outer {padding: 20px;}
#sp-top1 {width: 260px;}
.mod-logo {font-size: 36px;}
#sp-banner {padding: 50px 0 60px;}
.mod-banner h1 {font-size: 44px;margin-bottom: 80px;}
.mod-classes {margin-top: 40px;}
#sp-classes {padding: 0 0 40px;}
.classes-row > div {margin: 10px 0;}
.mod-notices .col {padding: 0 0 0 15px;}
.mod-social .row > div:nth-child(1) {margin-top: 0;}
.gallery-row > div {width: 25%;}
.year-image {height: auto;padding-top: 56.25%;}
}
@media (max-width: 767px) {
.mod-banner h1 {font-size: 38px;margin-bottom: 60px;}
.notice-image {display: none;}
.mod-notices .col {padding: 0;}
.gallery-row > div {width: 33.333333%;}
}
@media (max-width: 575px) {
.banner-back {padding: 25px 15px 55px;}
.mod-banner h1 {font-size: 34px;margin-bottom: 50px;}
.sp-module-title {font-size: 36px;}
#sp-news, #sp-news, #sp-notices, #sp-service {padding: 40px 0;}
#sp-year {padding: 40px 0 50px;}
.mod-notices .row {margin: 15px 0 0;}
#sp-notices .sp-module-title {margin-bottom: 30px;}
.mod-year .row > div:nth-child(1) {margin-top: 10px;}
#sp-bottom {padding: 40px 0 15px;}
#sp-footer .container-inner {padding: 15px 0;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 30px;}
#sp-main-body {padding: 40px 0 30px;}
.classes-inner-row > div:nth-child(1) h4 {padding: 25px 10px 25px 40px;}
.classes-inner-row > div:nth-child(2) a {height: 80px;}
}
@media (max-width: 480px) {
.gallery-row > div {width: 50%;}
}
@media (max-width: 400px) {
.sp-module-title {font-size: 32px;}
.classes-inner-row > div:nth-child(1) h4 {padding: 25px 10px 25px 20px;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 27px;}
}












