html {
  overflow-x: hidden;
}

body {
  letter-spacing: 0.5px !important;
}

:focus {
  outline: none !important;
}

.sppb-addon-title {
    line-height: 1.3;
}


@media (max-width: 991px) {
  #sp-main-body {
    padding: 50px 0px;
}}

@media (max-width: 991px) {
  h1 {
    font-size: 29px !important;
    font-weight: 500 !important;
  }
  h2 {
    font-size: 29px !important;
  }
h2.sppb-addon-title{
   font-size: 30px !important;
   font-weight: 500;
}
  h3 {
    font-size: 24px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 19px !important;
  }
  h6 {
    font-size: 16px !important;
  }
  body {
    font-size: 14px !important;
  }
  h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: 18px !important;
  }
}
.com-sppagebuilder.view-page label {
  color: #000;
}

.fabchat{
  left: -20px !important;
}
@media (max-width: 768px) {
.fabchat{
  left: -9px !important;
}}


/*top-bar*/
#sp-top-bar {
  background: #000;
  color: #ffffff;
  font-weight: 500;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 20px;
}
.cls-login a {
  color: #fff;
  transition: 0.3s;
}
.cls-login a:hover {
  opacity: 0.7;
}
div#sp-top1 {
  text-align: right;
  padding: 0px !important;
  padding-right: 15px !important;
}

.cls-login {
  line-height: 1;
}
@media (max-width: 768px) {
  #sp-top-bar {
    padding: 5px !important;
  }
}

/**************menu********************/
@media (max-width: 991px) {
  header#sp-header {
    height: 60px !important;
    padding: 0px 10px;
  }
  #sp-logo {
    height: 60px !important;
  }
  div#sp-menu {
    float: right;
  }
  #sp-header .logo a {
    display: block;
  }
  a#offcanvas-toggler {
    line-height: 60px;
  }
}

/*start of 991px menu*/
@media screen and (min-width: 991px) and (max-width: 992px) {
  ul.sp-megamenu-parent.menu-fade.hidden-sm.hidden-xs {
    float: left;
  }

  div#sp-logo {
    width: 20%;
  }

  div#sp-menu {
    width: 48% !important;
  }

  div#sp-top3 {
    width: 15%;
  }

  .hikashop_filter_button_inside {
    /* line-height: 65px; */ /* right: -23px; */
  }

  div#sp-search-bar {
    line-height: 64px;
  }

  a.dropdown-toggle {
    line-height: 70px !important;
  }

  div#hikashop_cart_module {
    line-height: 75px;
  }

  header#sp-header {
    height: 75px;
    padding: 0 0px 0 20px;
  }

  #sp-header.menu-fixed {
    height: 75px;
  }
}
/*end of 991px menu*/

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: -2px;
  left: 100%;
}

@media (min-width: 992px) {
  .sp-megamenu-parent {
    float: initial;
    text-align: right;
  }}

#sp-menu {
  text-align: center;
}
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
    transition: 0.3s;
    padding-right: 20px;
    line-height: 140px;
    color: #294794 !important;
    font-size: 17px;
    font-weight: 700;
    text-transform: inherit;
}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

#sp-header {
  padding: 0px 50px;
  /* border-bottom: 2px solid #dd8b29; */
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  background: #fbfdffeb;
  height: 140px;
}


/*-----------------------------------------------------------------------
                               tablet
-------------------------------------------------------------------------*/
@media screen and (min-width: 991px) and (max-width: 1038px) {
  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    line-height: 75px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    text-transform: inherit;
  }
}

@media (max-width: 1250px) {
  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    font-size: 12px;
  }
}
@media (max-width: 1100px) {
  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    font-size: 11px;
    padding: 0px 8px;
  }
}
@media (max-width: 1000px) {
  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    font-size: 10px;
    padding: 0px 6px;
  }
}

/*end of menu*/

/*my-account dropdown style*/
.dropdown-menu {
  right: 0;
  top: 72px;
  left: unset !important;
  background: #000;
  /* z-index:  !Important: ; */
}
.open > .dropdown-menu li > a {
  padding: 5px 10px;
  line-height: 1.8;
}
ul.cls-dropdown-menu.dropdown-menu a {
  color: #fff !important;
}
ul.cls-dropdown-menu.dropdown-menu a:hover {
  color: rgb(255 255 255 / 50%) !important;
}
ul.cls-dropdown-menu.dropdown-menu {
  z-index: 9999999;
}
@media (max-width: 991px) {
  div#id-user {
    font-size: 12px;
  }
  .dropdown-menu {
    top: 54px;
  }
}

.sp-megamenu-parent
  .sp-dropdown
  li.sp-menu-item.active
  > a:not(.sp-group-title) {
  background: #ececec;
}

/*end of my-account dropdown style*/

/*logo*/
.logo img {
  max-height: 120px !important;
  width: auto !important;
  margin-top: 0px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  #sp-header .logo img {
      transition: 0.3s;
    max-height: 50px !important;
    margin-top: -13px;
    margin-left: 10px;
  }
}
@media (min-width: 991px) {
  img.sp-retina-logo.hidden-xs {
    display: none;
  }
}
#sp-header .logo {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}


@media (max-width: 991px) {
#sp-header .logo {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}}


/*end of logo*/

/*header padding*/
/*
@media screen and (min-width:992px) and (max-width:1537px){
#sp-header {height: 75px;padding: 0 20px;}}

@media screen and (min-width:1536px){
#sp-header {height: 75px;padding: 0 40px 0 20px!important;}}
*/
/*end of header padding*/

/*irregular media screen setting*/
@media (min-width: 991px) and (max-width: 1194px) {
  div#sp-top3 {
    width: 16%;
  }
  div#sp-menu {
    width: 79%;
  }
  div#sp-search-bar {
    width: 14% !important;
  }
}

@media (min-width: 992px) and (max-width: 992px) {
  #hikashop_cart_module {
    line-height: 74px !important;
  }
}

/*end of irregular media screen setting*/

#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li:hover > a {
  color: #788ec6 !important;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
  text-align: left;
  font-weight: 600;
  background: #ececec;
  color: #000;
}
@media (max-width: 992px) {
  #sp-header.menu-fixed {
    background: #fff;
    height: 60px;
  }
}
#sp-header.menu-fixed .sp-megamenu-parent > li > a,
#sp-header.menu-fixed .sp-megamenu-parent > li > span {
  color: #000;
}
@media (min-width: 992px) {
  header#sp-header.hidden-md {
    display: none;
  }
}
@media (max-width: 991px) {
  #sp-header.menu-fixed .logo {
    height: 60px !important;
  }
  #sp-header.menu-fixed .logo img {
    /* height: 40px; */
    margin-top: 0px;
  }
  #sp-header.menu-fixed #sp-logo {
    height: 60px;
  }
  #sp-header.menu-fixed #offcanvas-toggler {
    line-height: 60px;
    /* margin-left: 19px; */
  }
}
i.fa.fa-shopping-cart {
  font-size: 24px;
}

/*header*/

#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  color: #3a57a7;
  border-bottom: 1px solid #000;
  padding: 12px;
  background: transparent;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent
  .sp-dropdown
  li.sp-menu-item
  > a:not(.sp-group-title):hover {
  background: #ffffff1f !important;
}
li.sp-menu-item.current-item.active a {
  background: transparent !important;
}

/*menu-fixed*/
#sp-header.menu-fixed .sp-megamenu-parent > li > a{
  line-height: 90px;
  font-size: 15px;
}
#sp-header.menu-fixed {
  height: 90px;
  backdrop-filter: blur(5px);
  background: #ffffffde;
}

#sp-header.menu-fixed .logo {
  height: 90px;
}
#sp-header.menu-fixed .logo img {
  max-height: 90px !important;
}

@media (max-width: 991px) {
#sp-header.menu-fixed .logo img {
  max-height: 60px !important;
}}

/*top1*/
div#sp-top1 .sppb-btn.sppb-btn-default {
    color: #fff;
    padding: 10px 15px;
    background: #426588;
    font-weight: 700;
    font-size: 14px !important;
    border: none;
    margin-top: 52px;
    transition: 0.4s;
}

#sp-header.menu-fixed #sp-top1 .sppb-btn.sppb-btn-default {
    margin-top: 27px;
    transition: 0.4s;
}

@media (max-width: 991px) {
div#sp-top1 .sppb-btn.sppb-btn-default {
    color: #fff;
    padding: 8px 12px;
    background: #426588;
    font-weight: 700;
    font-size: 10px !important;
    border: none;
    margin-top: 15px;
}

#sp-header.menu-fixed #sp-top1 .sppb-btn.sppb-btn-default {
    margin-top: 16px;
    transition: 0.4s;
}}

@media (max-width: 991px) {
div#sp-top1 .sppb-text-center {
    text-align: right;
}}


/*off-canvas*/
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 0px;
}

#offcanvas-toggler >i {
        color: #ff464e;
        transition: 0.3s;
}
#offcanvas-toggler {
    transition: 0.3s;
    line-height: 60px;
}
.offcanvas-menu .offcanvas-inner {
    padding: 65px 0px;
}
.offcanvas-menu {
    background-image: url(/images/00-sunlightrack/offcanvas/01.jpg) !important;
    border-left: 1px solid #ff0000;
    background: #ffffff;
    background-size: cover;
    background-position: -5px -6px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-weight: 700;
    font-size: 13px;
    color: #ef2020;
    text-transform: capitalize;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: rgb(173 224 191 / 15%);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a {
    color: #623e11;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a {
    color: #3043b1;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a{
     background: #ffffffad !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul >li > a {
    padding-left: 26px;
    color: #444444a6;
    font-size: 12px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a {
    background: #efefef29 !important;
    color: #d60d0d;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    background-color: rgb(187 187 187 / 15%) !important;
}
span.offcanvas-menu-toggler.collapsed {
    color: #d60d0d;
    font-size: 15px !important;
    font-weight: 700 !important;
}
.close-offcanvas {
    border: none;
    color: #d60d0d;
    background: transparent;
       border: 1px solid #857409;
    transition:0.3s;
}
i.close-icon.fa.fa-angle-up {
    color: #606060;
    font-weight: 800;
}
#offcanvas-toggler >i:hover {
    color: #ff464e;
}

.close-offcanvas:hover {
    color: #f02424;
    background: transparent;
    border: 1px solid #ac1515;
}


/*page-title*/
.sp-page-title .breadcrumb > .active {
  color: rgb(135 124 124 / 80%);
}
.sp-page-title .breadcrumb > span,
.sp-page-title .breadcrumb > li,
.sp-page-title .breadcrumb > li + li:before,
.sp-page-title .breadcrumb > li > a {
  color: #a0572d;
}
.sp-page-title {
  padding: 10px;
}
@media (max-width: 991px) {
  .sp-page-title {
    padding: 20px 0 20px;
  }
}
.sp-page-title h2 {
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 2px;
  position: relative;
  text-transform: capitalize;
  color: #0e619c;
  text-align: left;
}
@media (max-width: 991px) {
  .sp-page-title h2 {
    margin-bottom: 3px !important;
    font-size: 33px !important;
    font-weight: 500;
  }}

.sp-page-title {
   background-image: url(/images/00-jp/pgtilte/01.jpg) !important;
   background: #fef5f0;
   padding:220px 0 80px;
   background-repeat: no-repeat;
   background-size: cover !important;
   background-attachment: scroll !IMPORTANT;
   background-position: 60% 97%;
   text-align: left;
   margin-top: 0px;
}

@media (max-width: 991px){
.sp-page-title {
    background: #fef5f0d1;
    padding: 90px 0 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll !IMPORTANT;
    text-align: left;
    margin-top: 0px;
}}


.sp-page-title .container {
    padding-left: 120px;
    margin: 0px;
    position: relative;
}
@media (max-width: 991px){
.sp-page-title .container{
    padding-left: 20px;
    margin: 0px;
    position: relative;
}}
@media (max-width: 991px){
.sp-page-title .container:before{
  padding: 0px !important;
  z-index: 0;
  position: absolute;
  content: '';
  width: 87% !important;
  height: 165px !important;
}}

.sp-page-title h2:after {
    position: absolute;
    background: #f33d43 !important;
    z-index: 9999;
    content: "";
    width: 8px;
    height: 8px;
    margin:auto;
    top:0px;
    position: absolute;
    bottom: 0px;
    border-radius: 50%;
    left: -5%;
}

@media (max-width: 991px){
.sp-page-title h2:after {
    display: none;
    left: -5%;
}}

.sp-page-title h3 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    width: 50%;
    line-height: 1.5;
    color: #284086;
}

@media (max-width: 991px){
.sp-page-title h3 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 12px !important;
    width: 50%;
    line-height: 1.5;
    color: #284086;
    padding:0px !important;;
}}

.sp-page-title .breadcrumb {
  margin-top: 0;
  position: relative;
  font-size: 14px;
  z-index: 2;
  display: flex;
}
.sp-page-title .breadcrumb > li > a:hover {
  color: #00000096;
}

/*bottom*/


#sp-bottom {
    background: #f9fcfb!important;
    color: #ffffff;
    padding: 60px 0px !important;
    border-top: 1px solid #4b43d700;
}

#sp-bottom .sppb-media-heading{
    display: none!important;
}

#sp-bottom1 img.sppb-img-responsive {
    width: 70%;
}

@media(max-width:991px){
#sp-bottom1 img.sppb-img-responsive {
    width: 45%;
}}


#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 14px !important;
    margin-top: 0px;
    color: #1b316d;
    margin-bottom: 13px !important;
    letter-spacing: 1.4px;
    text-transform: capitalize;
}

@media(max-width:991px){
  #sp-bottom .sp-module .sp-module-title {
    margin-top: 30px;
    color: #1b316d;
    margin-bottom: 13px !important;
    letter-spacing: 1.4px;
    text-transform: capitalize;
  }}
  


#sp-bottom h3.sp-module-title {
    color: #0c0d0d; !important;
}

#sp-bottom ul.nav.menu li {
    margin-bottom: 0px;
}


#sp-bottom a {
    font-size: 14px;
    color: #2e405e !important;
    transition:0.3s;
}

@media(max-width:991px){
#sp-bottom a {
    font-size: 13px;
    color: #1a1a1a !important;
    transition:0.3s;
}}

#sp-bottom a:hover {
    opacity: 50%;
}

#sp-bottom4 .sppb-addon-text {
    color: #2e405e !important;
    font-size: 14px;
    margin-bottom: 0px;
    opacity: 100%;
}

.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature.bottom-info-001:hover .sppb-addon-text {
    color: #2e405e59 !important
}

@media(max-width:991px){
div#sp-bottom4 .sppb-addon-text {
    margin-bottom: 0px;
}}


div#sp-bottom4 i {
    line-height: 1.1 !important;
    color: #0c0d0d !important;
    font-size: 16px !important;
}

div#sp-footer1 {
    font-size: 13px;
}

@media(max-width:991px){
div#sp-footer1 {
    font-size: 11px;
}}

footer#sp-footer {
    padding: 15px;
    background: #201d46;
}

@media(max-width:991px){
footer#sp-footer {
    padding: 25px 0px 70px;
    background: #201d46;
}}

footer#sp-footer a {
    color: #fff;
}


.img-cert-001 img.sppb-img-responsive {
    width: auto !important;
}



.font-text-001 .sppb-addon-content {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.8;
}

@media(max-width:991px){
.font-text-001 .sppb-addon-content {
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.8;
}}

.ul-padding-001 ul {
    padding-left: 20px;
}


.ul-padding-001 li {
    margin-bottom: 15px;
    line-height:1.5;
}


.z-index-001 {
    z-index: 9 !important;
}

@media(max-width:991px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text {
    font-size: 14px;
}}




.white-popup-block {
    color: #181f5a;
    background: #fff;
    padding: 50px 50px 50px;
    text-align: left;
       max-width: 75%;
    max-height: 110%;
    margin: 40px auto;
    position: relative;
    border-radius: 30px;
    border: 1px solid #6b67ff6b;
}

.mfp-wrap {
    backdrop-filter: blur(3px);
    background: #fcfeffe8;
}


.white-popup-block:before {
    position: absolute;
    content: '';
    background: url(/images/00-jp/pattern/02.png);
    width: 23px;
    height: 110px;
    background-size: cover;
    left: 0px;
    top: 0px;
    bottom: 0px;
    transition: 0.3s;
    z-index: 3;
    margin: auto;
}

.scrollup:before {
    color: #2372ea;
}

a.scrollup {
    border: 1px solid #e82323;
    background-color: rgb(255 255 255 / 92%);
}