html {
  overflow-x: hidden;
}

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

:focus {
  outline: none !important;
}
@media (max-width: 991px) {
  #sp-main-body {
    padding: 50px 0px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 28px !important;
  }
  h2 {
    font-size: 26px !important;
  }
  h3 {
    font-size: 24px !important;
  }
  h4 {
    font-size: 16px !important;
  }
  h5 {
    font-size: 20px !important;
  }
  h6 {
    font-size: 18px !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;
}
/*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;
  }
  #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: left;
  }
}

#sp-menu {
  text-align: center;
}
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
  line-height: 75px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  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 {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  background: #fff;
}

/*-----------------------------------------------------------------------
                               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: 50px !important;
  width: auto !important;
  margin-top: 0px;
}
@media (max-width: 991px) {
  #sp-header .logo img {
    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: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*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: 53%;
  }
  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: rgb(0 0 0 / 40%) !important;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 5px;
  text-align: left;
  font-weight: 600;
  background: #ececec;
  color: #000;
}
#sp-header.menu-fixed {
  background: #fff;
}
@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;
  }
  #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: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  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;
}

/*off-canvas*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: rgb(0 0 0) !important;
  color: #fff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
  margin-top: 0;
  padding: 80px 30px;
}
.offcanvas-menu {
  background: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  color: #000;
}
.close-offcanvas {
  border: none;
  color: #000;
}
.close-offcanvas:hover {
  color: #000000b3;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
  color: #000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a {
  padding-left: 50px;
}
#offcanvas-toggler > i {
  color: #000;
}
.offcanvas-menu i.open-icon.fa.fa-angle-down {
  color: #000;
}
.offcanvas-menu i.open-icon.fa.fa-angle-up {
  color: #000;
}

/*page-title*/
.sp-page-title .breadcrumb > .active {
  color: rgb(0 0 0 / 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: #000;
}
.sp-page-title {
  padding: 10px;
}
@media (max-width: 991px) {
  .sp-page-title {
    padding: 20px 0 20px;
  }
}
.sp-page-title h2 {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  position: relative;
  text-transform: uppercase;
  color: #000;
  text-align: left;
}
@media (max-width: 991px) {
  .sp-page-title h2 {
    font-size: 18px !important;
  }
}
.sp-page-title {
  background: #fff;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.sp-page-title h2:before {
  content: "";
  position: absolute;
  /* background: #000; */
  height: 2px;
  width: 50px;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
}
.sp-page-title .breadcrumb {
  margin-top: 0;
  font-size: 14px;
}
.sp-page-title .breadcrumb > li > a:hover {
  color: #00000096;
}

/*sp-bottom*/
#sp-bottom #sp-bottom2 ul.nav.menu li {
  margin-bottom: 0px;
}
.bottom-payment-img img {
  width: 335px;
}
@media (max-width: 991px) {
  #sp-bottom1 .sp-module {
    margin-top: 0px;
  }
  .bottom-payment-img img {
    width: 100%;
  }
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 14px !important;
  color: #252525 !important;
}
#sp-bottom ul li a {
  color: #252525 !important;
}
#sp-bottom ul > li a:hover {
  color: rgb(37 37 37 / 0.6) !important;
}

/*footer*/
span.sp-copyright {
  font-size: 14px;
}
@media (max-width: 991px) {
  #sp-footer {
    padding: 10px 0px 100px 0px !important;
  }
}

footer#sp-footer {
  border-top: 1px solid #cccccc;
}
.fa-question:before {
  content: url("https://api.iconify.design/simple-icons/tiktok.svg?color=#252525&width=24&height=24") !important;
  background: url("https://api.iconify.design/simple-icons/tiktok.svg")
    no-repeat center center / contain;
  position: absolute;
  top: 6px;
}
div#sp-footer2 .sppb-icons-group-list {
  margin: -8px !important;
}
.fa-question:hover:before {
  opacity: 0.5;
}

div#sp-footer2 .sp-module ul > li > a:before {
  content: "";
  display: none;
}

div#sp-footer2 .sp-module ul > li {
  border-bottom: 0px solid #e8e8e8;
}
#sp-footer2 a {
  font-size: 18px !important;
}

div#sp-footer1 {
  text-align: right;
}

@media (max-width: 480px) {
  div#sp-footer1 {
    text-align: left;
  }
}

div#sp-footer1 a {
  font-weight: 500;
  color: #252525;
}

/*scroll-up*/
a.scrollup {
  right: 125px;
  bottom: 28px;
  background: #f8faf9 !important;
}
.scrollup:before {
  color: #000;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  a.scrollup {
    right: 125px;
    bottom: 84px;
    background: #f8faf9 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
  a.scrollup {
    right: 125px;
    bottom: 70px;
    background: #f8faf9 !important;
  }
  .fab-wrapper {
    right: 18px;
    bottom: 64px !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 766px) {
  a.scrollup {
    right: 125px;
    bottom: 84px;
    background: #f8faf9 !important;
  }
}

@media screen and (max-width: 480px) {
  a.scrollup {
    right: 125px;
    bottom: 82px;
    background: #f8faf9 !important;
  }
}

/*live-chat*/
#phone {
  right: 80px !important;
}
#whatsapp {
  right: 10px !important;
}

/*tracking delyva*/

.tracking-container__button,
.tracking-container__input {
  width: 75% !important;
}
.btn-primary.btn-lg-tracking {
  background: #fff !important;
  width: 100%;
  padding: 8px 0px 8px 0px !important;
  color: #000;
  border-radius: 0px !important;
}
@media (max-width: 991px) {
  #sp-bottom .row > div .tracking-container__input {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .tracking-container__button,
  .tracking-container__input {
    width: 100% !important;
  }
}

/*search*/
.top-search-input-wrap input.mod-search-searchword.inputboxtop-search {
  margin: auto !important;
  margin-top: 20% !important;
  width: 300px !important;
}
i.fa.fa-times.search-close-icon {
  color: #fff !important;
}
.top-search-input-wrap .top-search-overlay {
  z-index: -1;
}

/*scroll dropdown*/
/*-------------------------
      SCROLLBAR
--------------------------*/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #5d5d5d;
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  width: 200px !important;
  max-height: 320px;
  /* overflow-y: auto; */
  /* overflow-x: hidden; */
  width: 100%;
  border-radius: 0 0 3px 3px;
  background: #000;
  padding: 0px 0;
  border: 1px solid #000 !important;
}

span#hover_icon {
  color: white;
}

/*--------------------------------
    GET IN TOUCH
--------------------------------*/
.contact-row-icons
  h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
  margin-bottom: 5px !important;
}

@media only screen and (max-width: 991px) {
  .sppb-section:not(.spectrum-faq-list)
    .sppb-addon-feature
    .sppb-icon
    .sppb-icon-container
    > i {
    font-size: 20px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 20px !important;
  }
}

/*login page*/
.com-users.view-login i.fa.fa-angle-right {
  display: none;
}

/*********************
	order page contact
*********************/

.com-hikashop.view-product.layout-contact.task-contact h1 {
  font-size: 25px !important;
  margin-top: 0 !important;
  background: #ececec !important;
  padding: 10px !important;
}

input#hikashop_contact_name {
  width: 100% !important;
}
input#hikashop_contact_email {
  width: 100% !important;
}
.com-hikashop.view-product.layout-contact.task-contact label {
  margin-top: 15px !important;
}

.com-hikashop.view-product.layout-contact.task-contact
  textarea#hikashop_contact_altbody {
  min-height: 100px !important;
}

.com-hikashop.view-product.layout-contact.task-contact
  .hikashop-contact-button {
  margin-top: 20px !important;
}

.com-hikashop.view-product.layout-contact.task-contact #sp-left {
  display: none;
}

.com-hikashop.view-product.layout-contact.task-contact div#sp-component {
  width: 100%;
}

/*alert*/
.alert {
  background: #ffe9e9;
}

/*table*/

@media (max-width: 991px) {
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

/*Subform CSS*/
.subform #sp-top-bar,
.subform #sp-header,
.subform #sp-bottom {
  display: none;
}
.subform .sp-page-title {
  padding: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
.subform .sp-page-title .breadcrumb {
  display: none;
}
.subform .container{
  width: 100%;
}
.subform .sp-page-title h2 {
  font-size: 43px;
  line-height: 50px;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.subform #sp-main-body {
  padding: 50px 0;
}
.subform .bfQuickMode .controls .control-label {
  width: 100%;
}
.subform .bfQuickMode input[type="text"],
.subform .bfQuickMode textarea,
.subform .bfQuickMode select,
.subform .bfQuickMode .uneditable-input,
.subform .bfQuickMode input[type="number"] {
  max-width: 100% !important;
  width: 100%;

  background-color: rgba(0, 0, 0, 0.035);
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  position: relative;
  min-height: 34px;
  font-size: 14px !important;
  margin: 0;
  border-bottom: 2px solid #e0e0e0;
  border-radius: 3px;
  color: #555;
}
.subform .bfPage {
  padding: 2% 3%;
  background-color: #f2f2f2;
}
.subform .input-append {
  width: 96%;
}
.subform #sec31 .input-append,
.subform #sec33 .input-append,
.subform #sec41 .input-append,
.subform #sec51 .input-append {
  width: 91%;
}
.subform #sec2,
.subform #bfElemWrap244,
.subform #bfElemWrap340,
.subform #bfElemWrap369,
.subform #bfElemWrap385,
.subform #bfElemWrap444,
.subform #DEFECT_INFORMATION,
.subform #suggestion_of_immediate_countermeasure,
.subform #ROOT_CAUSED,
.subform #DESCRIPTION,
.subform #bfElemWrap511,
.subform #SUGGESTION_OF_IMMEDIATE_COUNTERMEASURE {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.subform legend {
  font-weight: bold;
  border-bottom: none;
}
.subform button#bfSubmitButton {
  width: 100%;
}
.subform #sp-bottom-bar{
  display:none;
}

@media (max-width: 991px) {
  .subform .bfPage {
    margin: 0;
  }
  .subform .bfClearfix {
    display: flex;
    flex-direction: column;
  }
  .subform .row-fluid [class*="span"] {
    width: 100%;
    margin-left: 0%;
  }
  .subform .input-append {
    width: 91%;
  }
}

/*end*/