header .header-menu-bar {
  background-color: #BA9643;
}
header .header-menu-bar .menu-list > li > a:hover, header .header-menu-bar .menu-list > li.active {
  background: #705a28;
  border-radius: 0.3125rem;
}
header .header-primary .head-shortcut-menu {
  max-width: 60%;
  font-size: 110%;
}
header .header-primary .head-shortcut-menu li a {
  color: #333333;
}
header .header-primary .head-shortcut-menu li a:hover {
  color: #65B5D5;
}
footer {
  background: #3EA3CB;
}
/*Service Box*/
.service-box {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.service-box ul, .service-box ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-box ul {
  box-sizing: border-box;
  overflow: hidden;
}
.service-box ul li {
  width: 32.4%;
  position: relative;
  min-height: 1px;
  float: left;
  margin: 5px;
}
.service-box ul li a {
  margin: auto;
  margin-bottom: 15px;
  padding: 15px 15px;
  color: #ffffff;
  display: block;
  background-color: #3ea3cb;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
.service-box ul li a:hover {
  background: #213253;
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 576px) {
  .service-box ul li {
    width: 100%;
  }
}
.head-line2 {
  border-left: 15px solid #cf2d1e;
  padding-left: 5px;
}
/*Box link*/
.frame-2 ul {
  list-style-type: none;
  line-height: 20pt;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.frame-2 li a {
  display: block;
  color: #213253;
  font-size: 100%;
  font-weight: 500;
  padding: 8px 16px;
  text-decoration: none;
  background: #eeeeee;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.frame-2 li a:hover {
  background-color: #3ea3cb;
  color: white;
}
body.dark-theme .service-box ul li a, body.dark-theme .box-link li a, body.dark-theme .footer {
  background: #333333;
}
body.dark-theme .side-menu ul li a:hover {
  background: #333333;
}
body.dark-theme .menu-list > li a {
  color: #ffffff;
}
/*more link*/
.more-link a {
    background-color: #ba9643;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    border:1px solid #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    float: right;
    font-family: 'Athiti', sans-serif;
    padding: 5px 10px;
    border-radius: 10px;
}
.more-link a:hover {
    color: #ffffff;
    background-color:#252a34;
    text-decoration: none;
    /*border:1px solid #43b990;*/
}
@media (min-width: 992px) {
  .card-img-2col, .card-img-3col {
    height: 10vw;
  }
}
.btn-port {
  border-radius: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}
.btn-port.btn-porttheme {
  background: #f2f1eb;
  color: #222831;
  width: 100%;
  border-radius: 5px;
  text-align: left;
  font-size: 17px;
  margin: 1px 0;
  font-weight: 300;
  white-space: normal !important
}
.btn-port.btn-porttheme:hover, .btn-port.btn-porttheme:active {
  color: #FFF;
  background: #222831
}
.servicebox {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.servicebox .table .table-cell {
  font-size: 19px;
  line-height: 1.3333333;
  border-radius: 5px;
  padding: 16px 20px;
  background: #f2f1eb;
  color: #222831;
  text-align: center;
  text-transform: uppercase;
}
.servicebox a {
  margin: auto;
  color: #222831;
  display: block;
  font-weight: 500;
}
.servicebox .table .table-cell:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: #222831;
  color: #fff;
  cursor: pointer;
}
.servicebox .table .table-cell:hover a {
  color: #fff;
  text-decoration: none;
}
.btn-instrument {
  color: #222831;
  width: 100%;
  text-align: left;
  font-size: 17px;
  margin: 1px 0;
  font-weight: 300;
  white-space: normal !important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  border-left: 5px solid #8c1515
}
.btn-instrument:hover, .btn-instrument:active {
  color: #8c1515;
  border-left: 15px solid #8c1515
}
.list-underline {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-underline li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  background: #f2f1eb;
  margin-bottom: 10px;
  transition: all 0.3s;
  border-radius: 5px;
}
.list-underline li a:hover {
  background-color: #222831;
  color: white;
}
.head-line4 {
  text-transform: capitalize;
  margin-bottom: 10px;
  border-bottom: 5px solid #ED213A;
  /* width:50%; */
}
.head-line4 h2 {
  color: #232931;
  margin-bottom: 0;
  font-size: 250%;
}
.head-line4 h3 {
  border-bottom: 0px;
  font-size: 150%;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
  margin-bottom: 0;
}
.block3d {
  /* border: 2px solid #45526C; */
  padding: 30px 10px;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  background: #F8F5F1;
  border-radius: 20px;
}
.side-menu ul {
  list-style-type: none;
  font-size: 110%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.side-menu ul li a {
display: block;
  font-size: 16px;
  background: #ffffff;
  border: 2px solid #E9E9E9;
  border-radius: 5px;
  color: #333333;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.side-menu ul li a:hover {
  border: 2px solid #d63933;
  background: #d63933;
  color: #ffffff;
}
.side-menu ul li.active a {
  border: 2px solid #d63933;
  background: #d63933;
  color: #ffffff;
}
.accordion-button.collapsed, .accordion-button:not(.collapsed) {
  font-size: 80%;
}
.tx-jpfaq h2.accordion-header {
  font-size: 130%;
}
.sidemenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.sidemenu li a {
  font-size: 100%;
  display: block;
  background: #3ea3cb;
  border-radius: 5px;
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.sidemenu li a:hover {
  background: #213253;
  color: #FFFFFF;
}
.custom-pagination .arrow a {
  color: #FFFFFF;
  background: #333333;
}
.custom-pagination .arrow a:hover {
  color: #FFE227;
}

footer .mfu-compaint {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;    
}

footer .mfu-compaint ul{
	list-style-type: none;
	margin: 0;
    padding: 0;
    width: 100%;   
}

footer .mfu-compaint li a {
    display: block;
    color: #ffffff;
    padding: 8px 16px;
    text-decoration: none;
    margin-bottom:5px;
    background-color: #BA9643;
    font-size: 16px;
    border-radius:5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

footer .mfu-compaint li a.active {
    background-color: #D63933;
    color: white;
}

footer .mfu-compaint li a:hover:not(.active) {
    background-color: #D63933;
    color: white;
}

.sidebar-intro ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.sidebar-intro li a {
  display: block;
  font-size: 16px;
  background: #ffffff;
  border: 2px solid #E9E9E9;
  border-radius: 5px;
  /* box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px; */
  color: #333333;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
}
.sidebar-intro li.active a {
  border: 2px solid #d63933;
  background: #d63933;
  color: #ffffff;
}
.sidebar-intro li a:hover:not(.active) {
  background: #d63933;
  border: 2px solid #d63933;
  color: #ffffff;
}

/*.frame-type-header h2{
    font-size: 40px;
    color: #252A34;
    font-weight: 600;
    margin: 20px 0;
}
.frame-type-header h2:before{
    background-color: #c50000;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 70px;
    margin-bottom: 1.25rem;
}

.frame-type-header h3,.frame-type-list h3, .frame-type-news_newsliststicky h3{
   font-weight: 700;
   color: #ba9643;
   border-bottom: 3px solid #ba9643;
   min-width: 100%;
}*/

/*Social media*/
footer .social-media-list{
    margin-bottom:100px;
    /*float:left;*/
}
footer .social-media-list ul {
    float: left;
}
footer .social-media-list ul li a {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
footer .social-media-list ul li a.facebook {
    background:#4267B2;
}
footer .social-media-list ul li a.youtube{
    background:#FF0000;
}
footer .social-media-list ul li a.twitter{
    background:#14171A;
}
footer .social-media-list ul li a.instagram{
    background:#FCAF45;
}
footer .social-media-list ul li a.line{
    background: #06C755;
}
footer .social-media-list ul li a:hover {
    background:#333333;
}

@media (max-width: 991px) {
    header .header-primary .head-right {
        background-color: #FFFFFF;
        padding-bottom: 1.25rem;
    }
}

@media (max-width: 576px) {
    header .xs-head-logo img {
        max-width: 26rem;
    }
}

.frame-8{
overflow: hidden;
  border-bottom:3px solid #ba9643;
  margin-bottom: 20px;
}
.frame-8 h2{
	display:inline-block; 
  background-color: #ba9643; 
  margin-bottom:0; 
  color:#ffffff; 
  padding: 3px 20px 2px 11px;
  font-size: 2em;
}