::selection {
  color: #fff;
  background: #1a1a1a;
}
::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #1a1a1a;
}

body {
  background-color: #ffffff;
}

h1, h2 {
  font-weight: 700;
}
h3 {
  font-weight: 600;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
}

@media (max-width: 576px) {
  .h1, h1 {
    font-size: 1.3rem;
  }
  .h2, h2 {
    font-size: 1.23rem;
    
  }
  .h3, h3 {
    font-size: 1.05rem;
  }
  .h4, h4 {
    font-size: 0.8rem;
  }
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 1.7rem;
    color: #000;
    padding: 0 0 5px;
  }
  .h2, h2 {
    font-size: 1.5rem;
    color: #000;
    padding: 20px 0 10px;
  }
  .h3, h3 {
    font-size: 1.2rem;
    margin: 20px 0 20px;
  }
  .h4, h4 {
    font-size: 1.04rem;
  }
  
  legend {
    font-size: 1.3rem;
    font-weight: 500;
  }
}

b, strong {
  font-weight: 500;
}

a {
  color: #141414;
}
a:hover {
  color: #005CAF;
}
.article-details a {
  text-decoration: underline;
}
.article-details h3 a {
  text-decoration: none;
}

p {
  margin-bottom: 0.8rem;
}

/* Table */
td {
  border-style: none;
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: transparent;
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: transparent;
  color: #212529;
}
.table-bordered > :not(caption) > * {
  border-width: 0;
}
/* End of table */

.sp-module-content img {
  display: inline;
}

#sp-main-body {
  background: #f9f9f9;
  padding: 80px 0;
}
@media (max-width:576px) {
  #sp-main-body {
    padding: 100px 0 80px;
  }
}

/* ==================
     Page Style
===================== */

/* === LOGO === */
#sp-header-topbar .container-inner {
  border-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* === Navigation === */
.sp-megamenu-parent > li {
  padding: 0 15px;
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0px;
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after {
    display: none;
}

@media (min-width:1024px) and (max-width:1280px) {
  .sp-megamenu-parent > li {
    padding: 0 8px;
  }
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  letter-spacing: 1.5px;
  line-height: 60px;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  letter-spacing: 1.5px;
  line-height: 50px;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #1a1a1a;
  font-weight: 600;
}

.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a {
    color: #1a1a1a;
    font-weight: 400;
}
.sp-megamenu-parent > li:hover > a {
  color: #000;
}

/* Normal menu hover */
.sp-megamenu-parent > li:hover > a {
    color: #0c86b6;
}

/* menu active */
.sp-megamenu-parent > li.active > a {
  font-weight: 400;
  color: #000 !important;
}
#sp-header.header-sticky .sp-megamenu-parent > li.active > a {
  font-weight: 400;
  color: #0c86b6 !important;
}

/* Menu hover underline animation */
.sp-megamenu-parent > li::after,
.sp-menu-heading > li::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #1a1a1a;
    transition: width 0.4s ease;
    position: relative;
    left: 0;
    bottom: 3px;
}
#sp-header.header-sticky .sp-megamenu-parent > li::after,
#sp-header.header-sticky.sp-menu-heading > li::after {
  bottom: 10px;
}

.sp-megamenu-parent > li:hover::after,
.sp-menu-heading > li:hover::after {
    width: 100%;
    transition: width 0.4s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 15px;
}

/* Megamenu and dropdown menu hover */
.sp-megamenu-parent > li:hover > a,
.sp-dropdown > a:hover  {
  color: #1a1a1a;
  font-weight: 400;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: rgba(251, 251, 251, 0.95);
    border-radius: 5px;
    position: relative;
    top: 20px;
    
    box-shadow: rgba(0,0,0,0.09) 0 3px 20px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.sp-megamenu-parent .sp-mega-group > li > a {
    font-size: 17px;
    text-transform: initial;
    font-weight: 400;
    color: #595757;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
    color: #1a1a1a;
    text-decoration: none;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* Header background */
#sp-header {
    background: rgba(255, 255, 255, 1);
}
#sp-header.lg-header {
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}

#sp-header.header-sticky {
    background: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid #eee;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* ============================
      Home Page Style
=============================== */
.homepage h1 {
  text-align: center;
  font-size: 30px;
  padding: 0px 0px 30px 0px;
}

#sp-video {
  padding: 80px 0
}

#sp-news-title {
  padding: 80px 0px 0px;
}
#sp-news {
  padding: 80px 0;
}

#sp-top1 .sp-column,
#sp-top2 .sp-column,
#sp-top3 .sp-column {
  background: #eee;
}

.sp-module.announce {
  padding: 10px 18px;
}
h3.announce {
  color: #b59b5c;
}

button {
  background-color: #EF6D00;
  padding:8px 15px;
  margin-top: 5px;
  color: #fff;
  border: 0px;
  border-radius: 20px;
}

#sp-follow {
  margin: 100px 0;
}
#sp-tab1,
#sp-tab2,
#sp-tab3 {
  background: #ececec;
  padding: 10px 30px;
  border-radius: 10px;
}
#sp-tab1 .sp-module-title,
#sp-tab2 .sp-module-title,
#sp-tab3 .sp-module-title {
  color: #b59b5c;
}

/* TOC */
.toc {
  background-color: #fff;
}

/* ============================ 
  Right and Left Sidebar Style
=============================== */
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 0;
    padding: 30px;
    border-radius: 3px;
}

/* ================== 
  Article Style
================== */
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 1.8rem;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 0 0.5rem 0;
}
.article-info > span {
  font-size: 1rem;
}
.article-list .article {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);
  
  transition: all 1.1s;
  -moz-transition: all 1.1s; /* Firefox 4 */
  -webkit-transition: all 1.1s; /* Safari and Chrome */
  -o-transition: all 1.1s; /* Opera */
}
.article-list .article:hover {
  border-radius: 0 !important;
  -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);
  
  transition: all 1.1s;
  -moz-transition: all 1.1s; /* Firefox 4 */
  -webkit-transition: all 1.1s; /* Safari and Chrome */
  -o-transition: all 1.1s; /* Opera */
}

@media (max-width: 576px) {
  .article-details .article-header h1, .article-details .article-header h2 {
    font-size: 1.3rem;
  }
}

/* Custom Fields */
.field-entry.time .field-label:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f073";
    padding-right: 5px;
}

.field-entry.location .field-label:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f14e";
    padding-right: 5px;
}

/* ================== 
  Pricing Style 
================== */
.salon-info {
  padding-top: 10px;
  margin-top: 30px;
}
.salon-info-title {
  color: #000;
  font-family: serif;
  font-size: 18px;
  margin-top: 6px;
  border-bottom: 1px solid #333;
}
.salon-info-content {
  margin-top: 6px;
  line-height: 24px;
}
.member-title {
  font-family: serif;
  font-size: 26px;
  color: #b29e6d;
  width: 230px;
  margin: 10px auto 25px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
  border-bottom: 1px solid;
}
.service-title {
  font-family: serif;
  font-size: 26px;
  color: #b29e6d;
  width: 200px;
  margin: 10px auto 25px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
  border-bottom: 1px solid;
}
.service-intro {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-family: serif;
}
.service-subtitle {
  width: 160px;
  color: #b29e6d;
  font-family: serif;
  text-align: center;
  border: 1px solid #b29e6d;
  padding: 8px;
  margin: 30px auto 15px;
}
.step {
  color: #333;
  font-size: 16px;
  margin-top: 30px;
}
.description {
  font-weight: 100;
  padding-top: 8px;
}

.history {
  border-bottom: 1px dashed #b29e6d;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

.pricelist > div {
  float: left;
  padding: 0 20px;
}
.pricelist-name {
  font-family: serif;
  text-align: right;
  color: #333;
  margin-bottom: 10px;
}
.member-pricelist-title h1 {
  font-family: serif;
  font-size: 28px;
  color: #b29e6d;
  width: 270px;
  margin: 0 auto 30px;
  text-align: center;
  padding-bottom: 2px;
  border-bottom: 1px solid;
}
.pricelist-title h1 {
  font-family: serif;
  font-size: 28px;
  color: #b29e6d;
  width: 230px;
  margin: 0 auto 30px;
  text-align: center;
  padding-bottom: 2px;
  border-bottom: 1px solid;
}
.pricelist h2 {
  font-family: serif;
  font-size: 20px;
  color: #333;
  margin: 0 0 20px 0;
  padding-bottom: 6px;
  text-align: center;
  letter-spacing: 13px;
  border-bottom: double medium #666;
}
.pricelist-img {
  display: table;
  margin: 0 auto;
}
.pricelist dt {
  font-weight: normal;
  font-size: 16px;
  color: #303030;
  margin: 20px 0 10px 0;
}
.pricelist dd:after {
  border-bottom: 1px dashed #999;
  clear: both;
  content: "";
  display: block;
  position: relative;
  top: -14px;
  width: 100%;
  z-index: 0;
}
.pricelist dd small {
  background: none repeat scroll 0 0 #fff;
  float: left;
  font-family: serif;
  font-size: 16px;
  letter-spacing: 1.6px;
  padding-right: 20px;
  top: -3px;
  position: relative;
  z-index: 1;
}
.pricelist dd strong {
  background: none repeat scroll 0 0 #fff;
  color: #b29e6d;
  font-family: serif;
  float: right;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  position: relative;
  text-align: center;
  top: -2px;
  width: 15%;
  z-index: 1;
}

.press-title h1 {
  font-family: serif;
  font-size: 28px;
  color: #b29e6d;
  width: 100%;
  margin: 10px auto;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* ================== 
  Tags Style 
================== */
.tags > li a {
  background: #375676;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.2rem 0.7rem;
}
.tags > li a:hover {
  background: #000;
}

/* ==================
    Breadcrumbs 
===================== */
#sp-breadcrumbs {
    background: #f7f1ec;
}

.breadcrumb {
    padding: 0.75rem 1rem;
    border: 0;
    padding: 15px 0;
    margin: 0;
    background: transparent;
}

.float-start {
    color: #333;
    padding-right: 5px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #1a1a1a;
}

.breadcrumb-item a {
    color: #333;
    font-size: 14px;
}
.breadcrumb-item.active {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

/* ================== 
   Footer Style 
================== */
#sp-footer {
  background: #f7f1ec;
  color: #ffffff;
}
#sp-bottom {
  background: #f7f1ec;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #7c6734;
    border-bottom: 1px solid #7c6734;
    margin: 0 0 20px;
    padding-bottom: 5px;
}
#sp-bottom .sp-module ul > li {
  margin-bottom: 5px;
}
#sp-bottom a {
  color: #7c6734;
  font-weight: 400;
  letter-spacing: 1px;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #000;
}

#sp-footer .container-inner {
    padding: 15px 0;
    border: 0;
}

.sp-copyright {
  color: #7c6734;
}

/* Link List */
.sp-module-content .navbar {
  padding: 0;
}
.sp-module-content .navbar .nav-link{
  padding: 0.3rem 0;
}

/* Socisl Icons */
.social-icons {
  display: inline-block;
  padding: 2px;
}
.social-icons img{
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.social-icons img:hover {
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
   transform: translate(0, -3px);
}

.company-notice {
  color: #333;
  padding-bottom: 15px;
}

/* newsletter */
.newsletter {
  background: #1a1a1a;
  border-radius: 50px;
  text-align: center;
  padding: 8px;
  margin-top: 15px;
  width: 190px;
  
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.newsletter:hover {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: translate(0, -3px);
}
.newsletter a {
  color: #fff !important;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

/* ===========================
  Offcanvas Menu style
============================== */
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    padding: 4px 0px;
    line-height: 35px;
    font-weight: 400;
}

/* ====== Site Animation Style ====== */

/* floating effect */
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}

/* ===================
  TOC Contents Style
====================== */
.toc p i {
    color: #fd77b9;
}
.toc div i.fa-circle {
  color: #fd77b9;
}