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

/* Essential Elements Style */
body {
  font-family: "PingFang TC", "Microsoft JhengHei","微軟正黑體", "Heiti TC", "黑體-繁", "LiHei Pro", "儷黑 Pro",sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-color: #000;
}
.body-wrapper,
#sp-header.header-sticky {
    max-width: 1440px;
    margin: 0 auto;
}
.body-innerwrapper {
  background: #fff;
}

body.homeUs {
  background-color: #fff;
}

@media (min-width: 1440px) {
    /*.body-wrapper {
        border-right: 1px solid #b9b9b9;
        border-left: 1px solid #b9b9b9;
    }*/
    #sp-header.header-sticky {
        left: initial;
    }
}

/* for element sticky */
.products .body-innerwrapper {
  overflow-x: visible;
}

@media (max-width: 991px) {
    .products .body-innerwrapper {
      overflow-x: hidden;
    }
}

/* mega menu with full width */
#sp-header .container-inner > .row,
.sp-megamenu-parent {
    position: static !important;
}
.sp-menu-full.container {
    max-width: 100%;
    width: 100% !important;
    padding: 0;
}/* End of the code*/


/* Fonts Style */
@media (max-width: 576px) {
    .h1, h1 {
        font-size:2.0rem;
    }
    .h2, h2 {
        font-size:1.65rem;
    }
    .h3, h3 {
        font-size: 1.40rem;
    }
    .h4, h4 {
        font-size: 1.10rem;
    }
    .h5, h5 {
        font-size: 0.45rem;
    }
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size:2.2rem;
    }
    .h2, h2 {
        font-size:2rem;
    }
    .h3, h3 {
        font-size: 1.50rem;
    }
    .h4, h4 {
        font-size: 1.20rem;
    }
    .h5, h5 {
        font-size: 0.75rem;
    }
}

hr {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  opacity: 0.6;
}


/* ====== Essential SP Pagebuilder ====== */

/* Pages Editor */
.pages .article-details .article-can-edit {
    margin-bottom: 0px;
    position: absolute;
    top: 90px;
    right: 80px;
    z-index: 2;
}
.pages .article-details .article-can-edit a {
    margin-left: 20px;
    margin-bottom: 10px;
}
.pages .article-details .article-info,
.products .article-details .article-info {
    margin-bottom: 0;
}
.products .article-details .article-can-edit {
    position: absolute;
    text-align: right;
    z-index: 3;
    top: 130px;
    right: 40px;
}
.products .article-details .article-can-edit a {
    margin: 0 10px;
}

/* Mashead of SP Pagebuilder Slider */
.sppb-sp-slider-title.pageHeader {
    width: 250px;
    background: url(../../../images/title-line.png) center center no-repeat;
}

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
  border-radius: 0;
}

/* default button */
.sppb-btn {
  background: #cbb079;
  font-size: 14px;
  border-radius: 3px;
  padding: 8px 20px;
}
.sppb-btn:hover,
.sppb-btn.sppb-btn-secondary:hover {
  background: #d2b883;
  border: 1px solid #d2b883;
  color: #fff;
}
.sppb-btn a:hover {
  color: #fff;
}
.sppb-btn-default {
  color: #fff !important;
  background-color: #cbb079;
  border-color: #cbb079;
}

/* primary button */
.sppb-btn.sppb-btn-primary {
  border: 1px solid #cbb079;
  border-radius: 30px;
}
.sppb-btn.sppb-btn-primary:hover {
  background: #d2b883;
  border: 1px solid #d2b883;
  color: #fff;
}
a.sppb-btn.sppb-btn-primary {
  color: #fff;
}

/* secondary button*/
.sppb-btn.sppb-btn-secondary {
  background: transparent;
  font-size: 15px;
  letter-spacing: 2px;
  border: 1px solid #828282;
  border-radius: 50px;
  padding: 5px 10px;
}
a.sppb-btn.sppb-btn-secondary {
    color: #333;
}
a.sppb-btn.sppb-btn-secondary:hover {
    color: #fff;
}

/* large button */
.sppb-btn-default.sppb-btn-lg {
  background: #cbb079;
  font-size: 18px;
  border-radius: 3px;
  padding: 10px 30px;
}
.sppb-btn-default.sppb-btn-lg:hover {
  font-size: 18px;
  background: #d2b883;
  border: 1px solid #d2b883;
}

@media (min-width: 1400px) {
  .sppb-row-container {
    max-width: 1320px;
  }
}

/* Basic Class */
.title-subtitle-bottom-right {
    text-align: left;
}
.textBdLeft {
    border-left: 3px solid #a9a9a9;
}

.borderRight {
    border-right: 1px solid #919090;
}
.borderLeft {
    border-left: 1px solid #919090;
}

@media (max-width:576px) {
    .borderRight {
        
    }
    .textBdLeft {
        border-left: 0;
    }
}

@media (max-width: 1023px) {
    .textCenter {
        text-align: center;
    }
}

/* ====== Menu Style ====== */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
  font-size: 13px;
  font-weight: bold;
}

.sp-menu-heading {
    color: #fff;
}
.sp-menu-heading:hover {
    color: #caad82;
}
.sp-menu-item.current-item.active .sp-menu-heading {
    color: #caad82;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
    display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgba(255, 255, 255, 0.975);
}
.menu_item img {
    width: 150px;
    position: relative;
    margin: 0 auto;
}
.menu_item .image-title {
    display: block;
    font-size: 13px;
    color: #333;
    padding-top: 10px; 
}
.menu_item .image-title:hover {
    color: #caad82;
}

.oProducts {
    display: block;
    position: relative;
    top: 75px;
}
a.oProducts {
    font-size: 14px !important;
    border: 2px solid #caad82;
    border-radius: 50px;
    padding: 4px;
    color: #caad82 !important;
}
a.oProducts:hover {
  background: #c39970;
  color: #fff !important;
  border: 2px solid #c39970;
}

.sp-megamenu-parent .sp-mega-group > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-align: center;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.sp-menu-full .menu_item.item-header:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.menu_item.item-header a:hover {
    color: #c39970;
}

/* Second Header */
.secHeader {
  background: rgba(255, 255, 255, 0.85);
  position: sticky !important;
  top: 0 !important;
  z-index: 9 !important;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media (max-width: 576px) {
    .secHeader {
        position: fixed!important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    }
    .secHeader .sppb-col-xs-8 {
        padding-right: 0;
    }
}

.secHeader h1.sppb-addon-title {
    font-weight: 700;
    margin-bottom: 0;
}
.secHeader h1.sppb-addon-title:after {
    
}
.pagesNav.sppb-link-list-nav ul li.toBuy {
  background: #caad82;
  color: #fff;
  border-radius: 50px;
}

/* Mobile Device */
@media (max-width: 576px) {
    .oProducts {
      top: 0;
    }
    a.oProducts {
      font-size: 18px !important;
      border: 0px;
      border-radius: 0px;
      padding: 0px;
    }
    .menu-child img {
        display: none;
    }
}

/* ====== News and Articles Style ======= */
#sp-main-body {
  padding: 80px 0;
  background: #fff;
}
@media (max-width: 576px) {
  #sp-main-body {
    padding: 30px 0;
  }
}

#sp-component {
  min-height: 500px;
}
.article-details .article-header h1, .article-details .article-header h2 {
    /*font-size: 1.45rem;*/
    color: #333;
}
.article-details a {
    text-decoration: underline;
    color: #000;
}

@media (min-width: 1200px) {
    .news .article-details {
        width: 85%;
        position: relative;
        margin: 0 auto;
        letter-spacing: normal;
    }
}

@media (max-width: 576px) {
    .news .article-details {
       width: 100%;
    } 
}

/* ====== Mashead Page Title ====== */
.mashead .sp-page-title {
    min-height: 530px;
    padding: 13% 0;
}
.mashead .sp-page-title h1.sp-page-title-heading {
    background: url(../../../images/page-line.png) no-repeat center center;
    color: #fff;
    /*font-size: 1.2rem;*/
}
.mashead .sp-page-title h2.sp-page-title-sub-heading {
    color: #fff;
    font-size: 2.15rem;
    font-weight: 500;
    letter-spacing: 1.5px;
}

@media(max-width: 767px) {
    .mashead .sp-page-title {
        background: center center;
        min-height: 230px;
    }
    .mashead .sp-page-title h2.sp-page-title-sub-heading {
        font-size: 2rem;
    }
}

/* ====== Articles List Style ====== */
img.pColor {
  display: inline-block;
  padding: 0 5px;
  width: 30px;
  border-radius: 50%;
}
.field-entry.color .field-label {
  font-weight: 400;
} 

.productsList .article-info {
  display: none;
}

.layout-blog #sp-main-body {
    background: #e6e6e6;
}
.productsList #sp-main-body {
    padding: 20px 0 40px;
}

.news .article-list .article {
  min-height: 600px;
}
.article-list .article {
  background: #fff;
  border: 0;
  border-radius: 0;
    
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.article-list .article:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #333;
}
article-info,
.article-introtext {
    color: #666;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    line-height: 1.5;
}
.article-info > span {
    font-size: 0.95rem;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 0;
}
.article-list .article .article-intro-image img {
    padding: 15px;
}

.readmore {
  position: relative;
  top: 10px;
  float: right;
  text-align: right;
  
  background: #cbb079;
  padding: 5px 12px;
  border-radius: 3px;
}
.readmore:hover {
  background: #d2b883;
}
.article-list .article .readmore a,
.article-list .article .readmore a:hover {
  color: #fff;
}

@media (min-width:1200px) {
  .article-list .article {
    min-height: 560px;
  }
}

/* === for custom field === */
.article-details.products .fields-container {
    display: none;
}
.field-entry.price {
    margin-top: 30px;
}
.field-value.price {
    font-family: helvetica, arial, sans-serif;
    color: #b18963;
    letter-spacing: 1.2px;
}

.labelColor {
  border: 1px solid #333;
  padding: 3px 8px 3px 10px;
  border-radius: 50px;
}

.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
    color: #000;
    text-align: center;
    padding: 5px 0;
}
.sp-page-title .sp-page-title-heading {
    font-size: 1.65rem;
}
.sp-page-title .sp-page-title-sub-heading {
    font-size: 18px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    border-bottom: 0;
}

@media (max-width: 576px) {
    .sp-page-title .sp-page-title-sub-heading {
        font-size: 17px;
        line-height: 28px;
        width: 280px;
        position: relative;
        margin: 0 auto;
    }
}

/* ====== for products page ====== */
body.products {
    background: #000;
}
body.products #sp-page-builder {
  background: #fff;
}
.products .article-details {
    padding: 0;
}
.products .article-details a {
    text-decoration: none;
}
.products #sp-main-body {
    padding: 0;
}

/* Essential Element */
.sppb-addon-text-block.textBdLeft {
    padding-left: 10px;
}

/*.products .sppb-image-layout-title {
    padding-bottom: 15px !important;
}*/
.products .notice .sppb-addon-content {
    font-size: 14px;
}

/* specification table */
.pSpecs-column ul li {
    padding-bottom: 15px;
}

@media (max-width:576px) {    
    .products h2.sppb-addon-title {
        font-weight: 500;
    }
    
    /* specification table */
    .pSpecs-column ul {
        padding-left: 0;
    }
    .pSpecs-column ul li {
        padding-bottom: 15px;
    }
    .pSpecs-column ul li.bdpadding {
        padding-bottom: 38px;
    }
  .pSpecs-column ul li.bdpadding-more {
        padding-bottom: 58px;
    }
    .pSpecs-list-smallheading li, 
    .pSpecs-list-item li {
        font-size: 15px;
    }
}

@media (min-width: 1400px) {
    /* Smart Lock */
   .products .sppb-image-layout-title {
      font-size: 1.55rem;
      color: #4f5056;
      /*padding-bottom: 15px !important;*/
   }
   /*.products .sppb-addon-content {
       font-size: 1.15rem;
       font-weight: 400;
   }*/
   .products .sppb-addon-image-layout-text {
      font-size: 1.25rem;
      font-weight: 400;
      color: #4f5056;
   }
   .products.location .sppb-addon-image-layout-text {
      font-size: 14px;
   
   }
}

/* === Q1 Smart Lock Page === */
#column-wrap-id-1641304724977.sppb-col-md-2,
#column-wrap-id-1641304726288.sppb-col-md-1 {
  padding-right:0px !important;
}

#column-wrap-id-1641304724984.sppb-col-md-4 {
    border-right: 1px solid #000;
}

.sp-page-builder .page-content .noPowerSec-mb {
  background: url(../../../images/products/q1-nopower-mb.jpg) center center scroll no-repeat;
}

@media (max-width: 576px) {
    #column-wrap-id-1641304724984.sppb-col-md-4 {
        border-right: 0;
    }
    .QoneFun {
        background: #ececec;
    }
    .QoneFun .sppb-col-md-12 {
        padding: 0;
    }
    #column-id-1640683125827 {
      background: url(/images/products/do-3.jpg) center center no-repeat fixed;
    }
}

@media (min-width: 1400px) {
    .products .QoneTerm .sppb-addon-content {
       font-size: 32px;
       font-weight: normal;
   }
}

/* === Q2 Smart Lock Page === */
#column-wrap-id-1642738110368.sppb-col-md-12 {
    padding: 0;
}

/* ====== X3 Toothbrush ====== */
.products.x3 h2 {
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: 1px;
}

.firstword {
    display: inline-flex;
    font-size: 4.4rem;
    font-weight: 300;
    color: #9767c8;
    padding-right: 10px;
}
.firstword-desc {
    display: inline-block;;
}
.products .x3CheckList .sppb-addon-content {
    font-size: 30px;
    font-weight: 300;
}

@media (max-width: 992px) {
  .products.x3 h2 {
        font-size: 2rem;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .products.x3 h3,
    .products.x3 .h3 {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 40px;
    }
  
}

@media (max-width: 576px) {
  .firstword {
    font-size: 4.1rem;
  }
  .products.x3 h2 {
        font-size: 1.9rem;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .products.x3 h3,
    .products.x3 .h3 {
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 36px;
    }
  
}

@media (min-width: 1400px) {
    .products.x3 h2 {
        font-size: 3.2rem;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .products.x3 h3,
    .products.x3 .h3 {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 40px;
    }
}

/* ====== Product Details ======= */

/* for header */
li.pSubNav {
    padding-right: 30px;
}
li.tobuy {
    background: #caad82;
    border-radius: 50px;
    padding: 1px 8px;  
}
li.tobuy a {
    color: #fff !important;
    border-bottom: 0 !important;
}
li.tobuy:hover {
    background: #cea67f;
}

@media (max-width: 576px) {
    li.tobuy a {
        font-size: 14px;
        padding: 3px;
    }
}

@media (min-width: 1400px) {
    .Qone.mainHeader .sp-slider-outer-stage {
        height: 950px !important;
        max-width: 1920px;
    }
}

/* for content */
.products .sppb-link-list-nav ul li a:hover {
    color: #caad82;
    border-bottom: 2px solid #caad82;
}

/* for no power */
.noPowerSect h2.sppb-addon-title {
    padding: 10px 0;
}
.noPowerSect h3.sppb-addon-title {
    padding: 10px 0;
}

@media (max-width: 576px) {
    .noPowerSect h3.sppb-addon-title {
        font-size: 2.8rem;
    }
}

/* for consult */
.consultSect .sppb-addon-title,
#whereTo .sppb-addon-title {
    padding: 10px 0;
}
.consultSect .sppb-addon-content,
#whereTo .sppb-addon-content {
    color: #828282;
}

/* for Tech Specifics */
.products .chartHeading h2.sppb-addon-title {
    color: #1a1a1a;
}
.pSpecs-heading h3.sppb-addon-title {
    text-align: left;
    color: #1a1a1a;
}
.pSpecs-column {
    
}
.pSpecs-list-smallheading,
.pSpecs-list-item {
    list-style: none;
}
.pSpecs-list-smallheading {
    color: #1a1a1a;
    font-size: 1.03rem;
}
.pSpecs-list-item {
    color: #515154;
    font-size: 1.03rem;
}

@media (max-width: 576px) {
    .qualitySect .sp-slider-content-align-center {
        margin-top: 50px;
    }
    .qualitySect h2.sppb-sp-slider-title {
        
    }
    .products .sppb-sp-slider-title {
        font-size: 1.1rem;
   }
}


/* ====== About Page Style ====== */
.qualitySect .sp-slider-content-align-center {
    width: 55%;
    position: absolute;
    right: 20px;
}
.qualitySect h2.sppb-sp-slider-title {
    color: #231815;
    font-weight: 500;
    padding: 10px 0;
}
.qualitySect .sppb-sp-slider-text {
    color: #595757;
    font-size: 17px;
}

@media (max-width: 576px) {
  .aboutLifestyle {
    background: url(/images/pages/about-header-sq.jpg) center center scroll no-repeat !important;
  }
}

@media (min-width:1400px) {
  .aboutFashionT #sppb-addon-wrapper-1642951534607 {
    width: 33%;
  }
}


/* ====== Download Page Style====== */
.downTitle .sppb-addon-title {
    border-bottom: 1px solid #888;
    padding-bottom: 30px;
}

/* ====== Cooperation Page Style ======*/
.sppb-addon-title small,
.sppb-image-layout-title small {
    display: block;
    font-size: .47em;
    color: #595757;
    font-weight: normal;
}

/* ====== Home Page Style ====== */
.homePage p {
    letter-spacing: normal;
    line-height: 1.5;
}

.homeTextBlock h1.sppb-addon-title {
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-top: 60px; 
}
.homeTextBlock .sppb-addon-content {
  color: #fff;
  font-weight: 400;
  text-align: center;
}
.homeTabs .sppb-nav-modern > li > a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  padding: 10px 35px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
}
.sppb-nav-modern > li > a:hover {
  background: #cbb079;
  border: 1px solid #cbb079;
  color: #fff;
}
.sppb-nav-modern > li.active > a, .sppb-nav-modern > li.active > a:focus,
.sppb-nav-modern > li.active > a:hover {
  background: #cbb079;
  border: 1px solid #cbb079;
  color: #fff;
}
.sppb-nav-modern > li.active > a::before,
.sppb-nav-modern > li.active > a:focus::before,
.sppb-nav-modern > li.active > a:hover::before {
    content: '';
    z-index: 200;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 17px 0px 17px;
    border-color: #cbb079 transparent transparent transparent;
    color 400ms, background-color 400ms;
}

.homeTabs .sppb-addon-content {
  color: #fff;
}

.article-details.contactPage {
  max-width: 900px;
  margin: 0 auto;
}

.homeTabs .sppb-nav.sppb-nav-modern {
  width: 44.9%;
  text-align: center;
  position: relative;
  margin: 0 auto;
  padding: 30px 0px 30px 0px;
}

@media (min-width: 577px) and (max-width: 1279px) {
    .homeTabs .sppb-nav.sppb-nav-modern {
        width: 73%;
        padding: 30px 0px 30px 5px;
    }
}

@media (min-width:1300px) {
  .homeTabs .sppb-nav.sppb-nav-modern {
     width: 39%;
  }
}

.sppb-nav-modern > li {
    margin: 0 15px;
}

.homeTabs .sppb-tab-modern-content {
    min-height: 500px;
}
@media (min-width: 1300px) {
  .homeTabs .sppb-tab-modern-content {
    width: 100%;
  }
}

.homeTabsLeft .sppb-addon-content {
    width: 42.5%;
    position: absolute;
}

/*Left Img Block */
.homeTabsLeft {
  position: relative;
  z-index: 2;
}
@media (min-width: 1300px) {
  /*.homeTabsLeft .sppb-addon-single-image-container img {
    height: 680px !important;
  }*/
}


/* Right Img Block */
.homeTabsRight .sppb-addon-content,
.homeTabsRight .sppb-container {
    width: 58%;
    float: right;
}
.homeTabsRight img {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

@media (min-width: 1400px) {
    .homeTabsRight .sppb-addon-content,
    .homeTabsRight .sppb-container {
        width: 61%;
    }
}

/* Right Text Block */
.rightBlockText {
    background: #323232;
    font-size: 0.93rem;
    color: #dcdcdc;
    position: relative;
    width: 50%;
    height: 320px;
    float: left;
    padding: 50px 60px 0 40px;
    border-bottom: 1px solid #000;
    border-left: 2px solid #000;
}
.rightBlockText .subject-title {
    font-size: 1.25rem;
    color: #dcdcdc;
    padding-bottom: 10px;
}
.rightBlockImg {
    position: relative;
    width: 50%;
    float: right;
   
}

@media (min-width: 1300px) {
  .rightBlockText {
       height: 329px;
       padding: 50px 100px 0 80px;
  }
    .rightBlockImg {
        width: 353px;
    }
    .rightBlockText {
       width: 433px;
       height: 352px;
    }
}

/* home products list for lock */
.homePage .sppb-articles-carousel-content {
    background: transparent;
    box-shadow: none;
    padding: 20px 20px 25px;
    margin-bottom: 15px;
}
.homePage .sppb-articles-carousel-link {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 20px;
}
.homePage .sppb-articles-carousel-link:hover {
    color: #ccc;
}

.homePage div.bx-wrapper .bx-controls-direction a {
    color: #fff;
}

.homePage .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
}
.homePage .bx-wrapper .bx-pager.bx-default-pager a.active, .homePage .bx-wrapper .bx-pager.bx-default-pager a:focus, .homePage .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #cbb079;
}

.homePage div.bx-wrapper .bx-controls-direction a.bx-next {
    left: 60px;
}

.homePage .sppb-articles-carousel-meta-category,
.homePage .sppb-articles-carousel-meta-date {
    display: none;
}

.lockProducts .sppb-addon-title {
    text-align: left;
    padding: 10px 0 5px 60px;
}

@media (max-width: 576px) {
  .sppb-addon-articles-carousel .bx-pager.bx-default-pager {
    text-align: center;
  }  
  .homePage .sppb-articles-carousel-link {
    text-align: center;
  }
}

/* home total solution block*/
.totalSolutionSect .sppb-row-container {
  position: relative;
  left: 50px;
}

.totalSolution .sppb-image-layout-title,
.totalSolution .sppb-addon-title {
  display: flex;
  align-items: center;
}
.totalSolution .sppb-image-layout-title img,
.totalSolution .sppb-addon-title img {
    padding-right: 10px;
}
.totalSolution .sppb-addon-content {
  color: #fff;
  font-weight: normal;
  line-height: 28px;
}

/* home explore arpha lifestyle */
.homeExplore .overlay-background-style {
    top: inherit;
    bottom: 0;
    height: 20%;
}
.homeExplore h3.sppb-addon-title {
    background: #b89e76;
    /*font-size: 20px;*/
    color: #fff;
    padding: 25px 0;
    margin-bottom: 0;
}
.homeExplore .sppb-addon-content {
    border: 0;
}
/*.homeExplore .sppb-addon-single-image-container img {
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.homeExplore .sppb-addon-single-image-container:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}*/


/* home certification */
.homeCert h2.sppb-addon-title {
  color: #000;
}
.homeCert .sppb-addon-title {
  color: #000;
}
.homeCert .sppb-addon-content {
    color: #000;
}

#certification img,
#service img {  
  -webkit-transform: scale(0.85);
  transform: scale(0.9);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#certification img:hover,
#service img:hover {
  -webkit-transform: scale(1);
	transform: scale(1);
}

/* home service */
.homeService .sppb-column-addons {
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  position: relative;
  margin: 0 auto;
  padding: 50px 60px;
}
.homeService h3.sppb-addon-title {
    margin-bottom: 0;
    /*font-size: 1.20rem;*/
}
.homeService .bottomLine {
    border-bottom: 2px solid #fff;
}

.homeService .sppb-addon-single-image-container img {
    max-width: 80px;
}

.homeService .sppb-column-addons ul {
  padding-left: 0;
}
.homeService .sppb-column-addons ul li {
  list-style: none;
}
.homeService .sppb-column-addons ul li a {
  color: #cbb079;
  
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.homeService .sppb-column-addons ul li a:hover {
  text-shadow: 0px 0px 10px #d1b67f;
  
  transition: all 0.s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* Home Page Style for mobile style */
@media (max-width:1024px) {
    .totalSolutionSect .sppb-row-container {
        left: 0;
    }
    .homeService .sppb-column-addons {
        margin: 0 auto 30px;
    }
}

/* ====== Product M1 Page ====== */
@media (min-width: 1400px) {
  #sppb-addon-wrapper-1656501672175 {
   position: absolute;
   left: 820px;
   top: 520px;
  }
  #sppb-addon-wrapper-1656502288059 {
    position: absolute;
    left: 770px;
    top: 660px;
  }
}

@media (max-width: 991px) {
  #sppb-addon-wrapper-1656405663084, #sppb-addon-wrapper-1656407306302,
  #sppb-addon-wrapper-1656403964659, #sppb-addon-wrapper-1656403964780,
  #sppb-addon-wrapper-1656403964825 {
    position: relative !important;
  }
}

/* ====== Product M2 Page ====== */
@media (min-width: 1024px) {
  #sppb-addon-1654606358412 {
    border-left: 3px solid #343434;
  }
}

@media (max-width: 991px) {
  #sppb-addon-wrapper-1655055012229, #sppb-addon-wrapper-1655053329985, #sppb-addon-wrapper-1655053330080, #sppb-addon-wrapper-1655053330310 {
    position: relative !important;
  }
}

@media (max-width: 380px) {
  #sppb-addon-wrapper-1656688026023 {
    top: 120px;
    left: 125px;
  }
}

/* ===== Product K1 Page ===== */
@media (min-width: 1200px) {
  .products.k1 .h3, 
  .products.k1 h3 {
    font-size: 1.80rem;
  }
  .products.k1 .h4, 
  .products.k1 h4 {
    font-size: 1.30rem;
  }
  #sppb-addon-wrapper-1700984063633 {
    left: 100px !important;
    top: 120px !important;
  }/* remote app */
}

/* --- 13" Desktop 1280px --- */
@media (min-width:1280px) and (max-width:1300px) {
    #sppb-addon-1701244226036 img {
        width: 420px;
        max-width: 420px;
    }
    #sppb-addon-wrapper-1701244226036 {
        left: 750px;
        top: 352px;
    }
    #sppb-addon-wrapper-1701242565560 {
        left: 750px;
        top: 530px;
    }
    #sppb-addon-1701242565571 img {
        width: 380px;
        max-width: 380px;
    }
    #sppb-addon-wrapper-1701242565571 {
        left: 750px;
        top: 600px;
    }/* header image */
    
  .sp-page-builder .page-content #section-id-1700710787755 {
    min-height: 675px;
    background-size: 1280px;
  }
  #sppb-addon-1700710836401 img {
    width: 260px;
  }
  #sppb-addon-1700710787798 img {
      width: 800px;
  }
  #sppb-addon-wrapper-1700710787798 {
    left: 200px;
    top: 161px;
  }
    #sppb-addon-wrapper-1700710836401 {
      top: 165px;
      left: 210px;
    }
    #sppb-addon-wrapper-1700710963382 {
      left: 0px;
      top: 170px;
    }/* pro fingerprint */
  
    #sppb-addon-wrapper-1701231937913 {
        left: 650px;
        top: 980px;
    }/* in your life */
    
    #sppb-addon-wrapper-1700984063633 {
        left: 60px !important;
        top: 120px !important;
    }/* remote app */
    
    #sppb-addon-1700984834190 img {
        width: 1100px !important;
    }
    #sppb-addon-wrapper-1700984834190 {
        left: 0px !important;
        top: 150px !important;
    }
    #sppb-addon-1701019885251 {
        padding: 0px 0px 0px 140px;
    }
    #sppb-addon-1701056391600 {
        padding: 0px 0px 0px 50px;
    }
    #sppb-addon-1701056391681 {
        padding: 0px 0px 0px 140px;
    }
    #sppb-addon-wrapper-1701056392303 {
        left: 700px !important;
    }/* for cat eye */
}

/* --- for ipad pro 1024px --- */
@media (min-width:1024px) and (max-width:1199px) {
    #sppb-addon-1701244226036 img {
        width: 350px;
        max-width: 350px;
    }
    #sppb-addon-wrapper-1701244226036 {
        left: 600px;
        top: 280px;
    }
    
    #sppb-addon-1701242565560 img {
        width: 250px;
        max-width: 250px;
    }
    #sppb-addon-wrapper-1701242565560 {
        left: 600px;
        top: 430px;
    }
    
    #sppb-addon-1701242565571 img {
        width: 320px;
        max-width: 320px;
    }
    #sppb-addon-wrapper-1701242565571 {
        left: 600px;
        top: 490px;
    }/* header image */
    
    #sppb-addon-1700710836401 img {
        width: 230px;
    }
    #sppb-addon-wrapper-1700710836401 {
        left: 150px;
    }
    #sppb-addon-wrapper-1700710787798 {
        left: 150px;
    }
    #sppb-addon-1700710787798 img {
        width: 700px;
    }
    #sppb-addon-wrapper-1700710963382 h4 {
        font-size: 18px;
    }/* pro fingerprint */
    
    .k1-remote-section {
        padding: 100px 100px !important;
        min-height: 1100px;
    }
    
    .k1-remote-section-2 {
        padding: 100px 100px !important;
        min-height: 1200px !important;
    }
    .k1-remote-section-2 .sppb-addon-single-image-container img {
        width: 900px !important;
    }
    #sppb-addon-wrapper-1700984834190 {
        position: absolute;
        left: 0px;
        top: 180px;
   }
   
    .sp-page-builder .page-content #section-id-1701014337287 {
        width: 65%;
    }
    #sppb-addon-1701018231202 img,
    #sppb-addon-1701014337534 img,
    #sppb-addon-1701056391595 img,
    #sppb-addon-1701056391676 img {
        width: 150px;
    }
   #sppb-addon-1701231937913 img {
       width: 400px;
   }
   #sppb-addon-wrapper-1701231937913 {
       position: absolute;
       left: 500px;
       top: 770px;
    } /*arpha in your life*/
    
   .sp-page-builder .page-content #section-id-1701014336900 {
        min-height: 1550px;
   }
    #sppb-addon-1701019885251,
    #sppb-addon-1701056391600,
    #sppb-addon-1701056391681 {
       padding: 0px 0px 0px 30px !important;
    }
    
    #sppb-addon-1701057100503 img {
        width: 500px;
        max-width: 500px;
    }
    #sppb-addon-1701058588264 img {
        width: 900px;
        max-width: 900px;
    }
    #sppb-addon-1701059503145 img {
        width: 400px;
        max-width: 400px;
    }
    #sppb-addon-wrapper-1701056392303 {
        left: 580px;
        top: 250px;
    }
    #sppb-addon-1701056392518 .sppb-addon-title {
        font-size: 60px;
    }
}

@media (min-width:768px) {
    #column-wrap-id-1654606358030 {
        border-right: 1px solid #fff;
    }
    #sppb-addon-wrapper-1700983674604,
    #sppb-addon-wrapper-1700984834182 {
        border-left: 2px solid #fff;
        padding-left: 15px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .k1-h2-title h2.sppb-addon-title {
        font-size: 65px !important;
        line-height: 70px !important;
    }
}

/* --- for iPhone10 ---  */
@media (max-width: 430px) {
  #sppb-addon-wrapper-1701056392303 {
    left: 190px;
    top: 80px;
  }
  #sppb-addon-1700673044933 .sppb-addon-title,
  #sppb-addon-1700668896917 .sppb-addon-title,
  #sppb-addon-1700754832249 .sppb-addon-title,
  #sppb-addon-1700754832252 .sppb-addon-title,
  #sppb-addon-1700984834527 .sppb-addon-title,
  #sppb-addon-1700984834530 .sppb-addon-title {
    letter-spacing: 2px;
  }
}

/* --- for iPhone8 ---  */
@media (max-width: 390px) {
  #sppb-addon-wrapper-1701244226036 {
    left: 225px;
    top: 105px;
  }
  #sppb-addon-wrapper-1701242565560 {
    left: 225px;
    top: 160px;
  }
  #sppb-addon-wrapper-1701242565571 {
    left: 225px;
    top: 180px;
  }/*header image */

  #sppb-addon-1700710836401 img {
    width: 100px;
  }
  #sppb-addon-1700710787798 img {
    width: 320px;
  }
  #sppb-addon-1700710963382 .sppb-addon-title {
    font-size: 14px;
  }
  #sppb-addon-wrapper-1700710836401 {
    left: 25px;
    top: 20px;
  }
  #sppb-addon-wrapper-1700710963382 {
    left: 0px;
    top: 0px;
  }
   #sppb-addon-wrapper-1700710787798 {
    left: 20px;
    top: 15px;
  }/* pro fingerprint */
    
  #sppb-addon-wrapper-1701056392303 {
    left: 160px;
    top: 80px;
  }
  #sppb-addon-1701056392518 {
    font-size: 15px;
  }
}

/* --- for iPhone5 --- */
@media (max-width: 320px) {
  #sppb-addon-1701244226036 img {
    width: 110px;
  }
  #sppb-addon-wrapper-1701244226036 {
    left: 190px;
    top: 90px;
  }
  #sppb-addon-wrapper-1701242565560 {
    left: 190px;
    top: 140px;
  }
  #sppb-addon-1701242565571 img {
    width: 105px;
  }
  #sppb-addon-wrapper-1701242565571 {
    left: 190px;
    top: 155px;
  }/*header image */
  
  #sppb-addon-wrapper-1700710787798 {
    left: 20px;
    top: 23px;
  }
  #sppb-addon-1700710836401 img {
    width: 80px;
  }
  #sppb-addon-wrapper-1700710836401 {
    left: 25px;
    top: 30px;
  }
  #sppb-addon-1700710787798 img {
    width: 260px;
  }
  #sppb-addon-1700710963382 .sppb-addon-title {
    font-size: 12px;
  }
  #sppb-addon-wrapper-1700710963382 {
    left: 0px;
    top: 0px;
  }/* pro fingerprint */
}

#section-id-1700984834430 {
    box-shadow: 0px -1px 20px rgba(69, 96, 153, 0.7) !important;
    border-radius: 0 250px 0 0 !important;
}

/* ====== FAQ accordion ====== */
#lock .sppb-addon-title,
#buyerInfo .sppb-addon-title,
#customerServ .sppb-addon-title,
#anti165 .sppb-addon-title {
  color: #333;
  font-size: 1.28rem;
  text-align: left;
  padding-bottom: 15px;
  padding-left: 20px;
}

.qaMenu {
    border-bottom: 1px dashed #767676;
    padding-bottom: 5px;
    padding-left: 15px;
}

.sppb-panel-modern {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.sppb-panel-modern > .sppb-panel-heading {
  padding: 10px 30px 10px 20px;
  background: rgba(255, 2555, 255, 1);
  color: #595959;
}
.sppb-panel-heading .sppb-toggle-direction {
    color: #595959;
}
.sppb-panel-modern > .sppb-panel-heading.active {
    background: #333;
    color: #fff;
}
.sppb-panel-modern > .sppb-panel-heading.active .sppb-toggle-direction {
    color: #fff;
}

.sppb-panel-title {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1.5px;
}
.sppb-panel-body {
  width: 92%;
  padding: 15px 20px;
  letter-spacing: 1px;
}

.sppb-link-list-nav ul li a {
    text-decoration: none;
}

/* ====== Downloads Page ====== */
.downloads #sp-main-body {
  width: 80%;
  position: relative;
  margin: 0 auto;
  padding: 50px 20px;
}
.downloads .unstyled.inline {
  display: none;
}
.downloads .badge {
  background: #454545;
  color: #fff;
  border-radius: 5px;
}
.downloads .badge.badge-info.bg-info {
  background: #c39970 !important;
}

@media (max-width: 576px) {
  .downloads #sp-main-body {
    width: 100%;
  }
}

/* ====== Offcanvas Style ====== */
@media (max-width: 576px) {
  #sp-header .logo {
    padding-left: 20px;
  }
}

.burger-icon > span {
  background-color: #bc9e70;
}
.offcanvas-menu {
  background: #1a1a1a;
  color: #fff;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
    padding: 10px 0px 10px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
  padding-bottom: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
    font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, 
.offcanvas-menu .offcanvas-inner ul.menu > li span {
    color: rgba(255, 255, 255, 1) !important;
    line-height: 40px;
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li {
    padding-bottom: 20px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 18px;
    padding: 4px 8px;
    line-height: 30px;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
    background-color: rgba(255, 255, 255, 1);
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
    color: #fff;
}

@media (max-width: 576px) {
  .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    padding: 0px 0 0px 6px;
    line-height: 30px;
  }
}

/* Table Device */
@media (min-width:577px) and (max-width: 1024px) {
    .oProducts {
        display: block;
        position: relative;
        top: 25px;
    }
    a.oProducts {
        text-align: center;
    }
    .offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
        
    }
    .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
        line-height: 30px;
        margin-bottom: 30px;
    }
    .menu-child img {
        display: none;
    }
}

/* ===== Left Sidebar ===== */
#sp-left .sp-module, #sp-right .sp-module {
  border: 0;
  padding: 30px;
  border-radius: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 500;
  border-bottom: 0;
  padding-bottom: 0px;
  margin: 0 0 15px;
}
#sp-left .sp-module ul > li,
#sp-right .sp-module ul > li {
  border-bottom: 0;
  padding-bottom: 10px;
}
#sp-left .sp-module ul > li > a, 
#sp-right .sp-module ul > li > a {
  color: #333;
}

#sp-left .sp-module ul li ul li {
  padding-left: 15px;
  padding-bottom: 0px;
}
#sp-left .sp-module ul li ul li a {
  font-size: 15px;
  line-height: 25px;
  color: #737373;
}

/* ====== Footer Style ====== */
#sp-footer {
  background: #1a1a1a;
}
#sp-footer .container-inner {
    border-top: 0;
    padding: 60px 0;
}

#sp-footer #sp-footer1,
#sp-footer #sp-footer2 {
    text-align: left;
}

#sp-footer ul.menu li {
    display: block;
}

#sp-footer .sp-module-title {
  color: #fff;
  padding-bottom: 15px;
}
#sp-footer a, #sp-bottom a {
    font-size: 16px;
    color: #8d8c8c;
    padding: 5px 0;
    
  transition: all 0.s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#sp-footer a:hover, #sp-bottom a:hover {
  color: #bc9e70;
    
  transition: all 0.s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#sp-footer ul.menu li.current.active > a {
    color: #bc9e70;
}

#sp-footer-se {
  background: #1a1a1a;
  font-size: 13px;
  color: #8d8c8c;
  padding: 20px 0 70px;
}

/* service phone */
.servicePhoneNum {
  font-size: 30px;
  font-weight: bold;
  font-family: arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
}
.servicePhoneNum small {
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 5px;
}
.serviceTime {
  font-size: 14px;
  padding: 30px 0 15px 0;
  line-height: 1.5;
}
.serviceEmail {
  font-size: 16px;
  padding: 0 0 10px 0;
}
.serviceOnline {
  font-size: 15px;
  text-align: center;
  border: 1px solid #fff;
  padding: 10px 40px;
  width: 60%;
}
.serviceOnline:hover {
    border: 1px solid #bc9e70;
    color: #fff;
}

/* footer online shop */
.customonlinShop {
    border-bottom: 1px solid #8d8c8c;
    margin-bottom: 20px;
}

.footerLogoImg {
    display: inline-flex;
}
.footerShop {
    display: inline-flex;
    height: 65px;
    font-size: 16px;
    vertical-align: middle;
    padding-left: 20px;
}
.customonlinShop ul, 
.customonlinShop ul li {
    display: inline-block;
    padding-left: 10px;
    height: 42px;
}

@media(max-width: 1024px) {
    #sp-footer .container-inner {
        padding: 30px 30px;
    }
    #sp-footer .sp-module-title {
        padding: 20px 0 0;
    }
    #sp-footer ul.menu li {
       margin: 10px 10px;
    }
    .customservicePhone {
        padding: 25px 0 0;
    }
    .serviceOnline {
        margin-top: 15px;
        width: 70%;
    }
    .serviceTime {
       padding: 30px 0 5px;
    }
    
    /* for home page product list*/
    .bx-pager.bx-default-pager {
        
    }
    .homePage div.bx-wrapper .bx-controls-direction a.bx-next {
       left: 180px;
   }
    
    .footerLogoImg {
        display: block;
        padding-left: 20px;
    }
    .footerShop {
        display: block;
        padding: 20px 0 0 20px;
    }
}

@media (max-width: 768px) {
    .customservicePhone {
       padding: 70px 0 0;
    }
}

/* Scroll Up */
@media (max-width: 576px) {
  .sp-scroll-up {
    right: 10px;
    z-index: 9999;
  }
}

/* Minicart for mobile */
@media (min-width:600px) {
    .mb-menu, .mb-cart {
        display: none;
    }
}

@media (max-width: 600px) {
    .mb-menu,
    .mb-cart {
        display: inline-block;
    }
    .mb-cart {
        vertical-align: top;
        padding: 10px 0;
    }
    .inline-ico {
        display: inline-block;
        padding-right: 20px;
    } 
    .fa-shopping-bag, .fa-user-circle {
        color: #fff;
        font-size: 17px;
    }
}

/* Alert Info */
.invalid {
    color: #a51f18;
    border-color: #bd504b;
    border-width: 2px;
    border-radius: 5px;
}

/* Hide Recaptcha Label */
#jform_captcha-lbl {
  display: none;
}

/* JUI UI */
.chzn-container.chzn-container-single .chzn-single {
  line-height: 24px;
}

/* ====== Mobile Member Area ====== */
.offcanvas-menu .offcanvas-inner a {
  color: #fff;
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
  color: #fff;
}

.custom-offcanvasMember {
    padding: 15px 0;
}
.off-links {
    padding: 10px 0;
}
.off-links a {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 2.5px;
    color: #fff;
}
.off-login, .off-join, .off-orders {
    margin-top: 10px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
}

/* ====== Language Switch ====== */
.sp-module.language-switch {
  padding: 30px 0 0;
}
.sp-module.language-switch a {
  padding: 5px 10px !important;
}

/* ====== System Info ====== */
#system-message-container {
    position: relative;
    bottom: 0px;
    left: 0;
    max-width: 100%;
    margin: 0 auto;
}
  
/* other settings */
@media (max-width:576px) {
  .mb-hidden {
    display: none !important;
  }
}

.hikashop_product_stock_count {
  display: none !important;
}

/* ===== JUI ===== */
.chzn-container .chzn-results {
  max-height: 175px !important;
}
/*.chzn-container.chzn-container-single .chzn-search::after {
  content: "\f062";
  font-family: "Font Awesome 5 Free";
}*/

.convertforms .cf-select::after {
  content: none; /*remove convert form arrow*/
}