html,
body {
  position: relative;
  display: block;
  max-width: 100%;
  overflow-x: hidden;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

:root {
  --blue: #0b5ed7;
}

@font-face {
  font-family: PhilipsFont-Regular;
  src: url("../font/NeueFrutigerWorldW02-Regular.woff2") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: PhilipsFont-Bold;
  font-weight: bold;
  src: url("../font/NeueFrutigerWorldW02-Bold.woff2") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: Philips-global-icon-font-32;
  src: url("../font/philips-global-icon-font-32-v2.4.woff2") format("opentype");
}

body {
  font-size: 12px;
  line-height: 1.5em;
  font-family: "Neue Frutiger World", sans-serif;
  margin: 0 auto;
  color: #000;
  overflow-x: hidden;
  background: rgb(250 250 250);
  max-width: 100%;
  overflow-x: hidden;
}
p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #706e6f;
}
.product-description{
  font-size: 1rem;
  max-width: 70%;
}

b {
  font-family: "PhilipsFont-Regular";
  font-size: 16px;
}
a {
  text-decoration: none;
  transition: all 0.3s ease-in;
  color: #0b5ed7;
  font-size: 16px;
}
span {
  font-family: "PhilipsFont-Regular";
}
a:hover {
  text-decoration: none;
}
.text-purple {
  color: #e12c44 !important;
}
ol,
ul {
  list-style: none;
}
.left-0 {
  left: 0px !important;
}
.right-0 {
  right: 25px !important;
}

img {
  max-width: 100%;
  height: auto;
}
#header {
  width: 100%;
  z-index: 150;
  top: 0;
}
#header .header-wrap {
  background: #fff;
}

#navigation .navigation-in {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
#header > .container {
  position: relative;
  max-width: unset;
}

#navigation .menu-level-1 {
  text-align: center;
  white-space: nowrap;
}

.navigation-in.fitted .menu-level-1 {
  justify-content: space-between;
}

.menu-level-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#navigation .menu-level-1 {
  text-align: center;
  white-space: nowrap;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation .menu-level-1 > li {
  width: 100%;
}
#navigation .menu-level-1 > li a span.p-icon-mirror,
#navigation .menu-level-1 > li a span.p-icon-household,
#navigation .menu-level-1 > li a span.p-icon-sound-and-vision,
#navigation .menu-level-1 > li a span.p-icon-promotions,
#navigation .menu-level-1 > li a span.p-icon-mcc {
  margin: 0px auto;
  width: 100%;
  display: block;
  position: relative;
  top: 0px;
  left: 7px;
  right: 7px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0;
}
#navigation .menu-level-1 > li a span.p-icon-mirror::after,
#navigation .menu-level-1 > li a span.p-icon-household::after,
#navigation .menu-level-1 > li a span.p-icon-sound-and-vision::after,
#navigation .menu-level-1 > li a span.p-icon-promotions::after,
#navigation .menu-level-1 > li a span.p-icon-mcc::after {
  font-family: philips-global-icon-font-32;
  font-size: 32px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#navigation .menu-level-1 > li a span.p-icon-mirror::after {
  content: "\e834";
}

#navigation .menu-level-1 > li a span.p-icon-household::after {
  content: "\e831";
}

#navigation .menu-level-1 > li a span.p-icon-sound-and-vision::after {
  content: "\e826";
}

#navigation .menu-level-1 > li a span.p-icon-mcc::after {
  content: "\e81b";
}

#navigation .menu-level-1 > li a span.p-icon-promotions::after {
  content: "\e662";
}

#navigation .menu-level-1 > li > a:hover,
#navigation .menu-level-1 > li > a:focus {
  background-color: #fff;
  color: #0b5ed7;
}

#header #navigation {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #f5f4f4;
}



#navigation .menu-level-1 > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.375em 1em;
  height: 106px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;

}

#navigation a {
  color: #000;
  display: inline-block;
}

#navigation b {
  font-weight: 400;
}
#navigation .menu-level-1 > li.ext > a .submenu-arrow,
#navigation .menu-level-1 > li.ext > .submenu-arrow {
  line-height: 0;
}
#navigation .menu-level-1 > li.ext > a .submenu-arrow {
  display: block;
}
#navigation .menu-level-1 > li.ext > .submenu-arrow {
  display: none;
}


#navigation .menu-level-1 > li.ext > a .submenu-arrow::after,
#navigation .menu-level-1 > li.ext > .submenu-arrow::after{
  content: url(../images/submenu-arrow.svg);
  margin-left: 0.5em;
  display: inline-block;
  line-height: 0;
}

#navigation .menu-level-1 > li.splitted {
  display: none;
}

.menu-helper > span {
  display: none;
}

#navigation .menu-level-1 > li.splitted {
  display: none;
}

.menu-helper-visible .menu-helper .menu-level-1 {
  display: flex;
  box-shadow: 0 0 25px rgb(0 0 0 / 15%);
}

.menu-helper li.splitted {
  display: none;
}

.menu-helper .menu-level-1 {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  width: 320px;
  flex-direction: column;
  z-index: 2;
  list-style: none;
  padding: 1rem;
  margin: 0;
  background-color: #fff;
}

.menu-helper-visible .menu-helper .menu-level-1 {
  display: flex;
  box-shadow: 0 0 25px rgb(0 0 0 / 15%);
}

.container {
  max-width: calc(1440px + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}

.first-header {
  height: 49px;
  font-size: 16px;
  background-color: #1c2d66;
  color: #fff;
}
.first-header .container {
  padding-left: calc(4rem + 174px);
  height: 100%;
  display: flex;
  align-items: center;
}

.first-header-wraper {
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  width: 100%;
}
.first-header-wraper .first-header-item {
  display: flex;
  align-items: center;
  width: auto !important;
  margin: 0 10px;
  height: inherit !important;
}

.first-header-wraper .first-header-item:nth-of-type(2) {
  border-left: 1px solid #fff;
  padding-left: 20px;
}

.first-header-wraper .first-header-item img {
  margin-right: 0.5em;
  line-height: 0;
  max-width: 24px;
}

.d-grid {
  display: grid !important;
}

#header .header-wrap .logo-wrap img {
  max-width: 174px;
  z-index: 9999999;
  position: relative;
}
.header-top .logo-wrap {
  margin-top: -49px;
}

.search {
  width: 100%;
  max-width: 590px;
}

.search fieldset {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}

.search .search-input {
  font-size: 1rem;
  border-radius: 9999px;
  padding: 0.625em;
  padding-left: 1.25em;
  border-color: rgba(11, 94, 215, 0.15);
  border-width: 1px;
  width: 100%;
}

.search .btn.btn-default {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  overflow: hidden;
  background-color: #0b5ed7;
  border-radius: 50%;
  font-size: 0;
}

.search .btn.btn-default::before {
  content: url(../images/search.svg);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
}

#header .header-wrap .header-top .search {
  margin-right: auto;
  margin-left: 2rem;
}
#header .header-wrap .header-top {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
}

.navigation-buttons {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 20px;
}

.navigation-buttons {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 20px;
}
#header .header-wrap .nav-wrap {
  width: 100%;
  display: flex;
}
#oblibeneBtn {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
}

.header-top #oblibeneBtn::before {
  font-size: 23px;
  line-height: 0;
  margin-right: 8px;
}

.header-top .oblibeneBtn {
  position: relative;
  vertical-align: middle;
  color: #000000;
  transition: color 350ms;
}

.header-top .oblibeneBtn::before {
  font-family: "Font Awesome 6 Free";
  content: "\f004";
  font-size: 25px;
  position: relative;
  top: 0px;
  margin-right: 12px;
}

.swiper-slide,
swiper-slide {
  /*flex-shrink: unset;*/
}

.header-top #oblibeneBtn::after {
  content: "Wishlist";
  display: inline-block;
}

.navigation-buttons .btn.cart-count {
  order: 2;
}

.navigation-buttons > * {
  margin-left: 1px;
}

.btn.cart-count,
.btn.btn-cart,
.add-to-cart-button {
  display: flex;
  align-items: center;
  background-color: #de7510;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in;
}

.btn.cart-count:hover,
.btn.cart-count:focus,
.btn.btn-cart:hover,
.btn.btn-cart:focus,
.add-to-cart-button:hover,
.add-to-cart-button:focus {
  border-color: #de7510;
  color: #de7510;
  background-color: rgba(0, 0, 0, 0);
}

.btn.cart-count:hover::before,
.btn.cart-count:focus::before,
.btn.btn-cart:hover::before,
.btn.btn-cart:focus::before,
.add-to-cart-button:hover::before,
.add-to-cart-button:focus::before {
  content: url(../images/cart-hover.svg);
}

.btn.cart-count,
.btn.add-to-cart-button,
.btn.add-to-cart-button {
  border-radius: 9999px;
  padding: 0.625em 0.875em;
}

.top-nav-button-login,
.top-nav-button-account {
  display: none;
  border: 1px solid rgba(11, 94, 215, 0.15);
  border-radius: 9999px;
  padding: 0.625em 0.875em;
  color: #000;
}

.btn.cart-count::before,
.btn.btn-cart::before,
.add-to-cart-button::before {
  content: url(../images/cart.svg);
  display: inline-block;
  line-height: 0;
  margin-right: 0.5em;
  width: 24px;
  height: 24px;
}
#navigation .menu-level-1 li.ext.exp .menu-level-2 {
  display: flex;
}

#navigation .menu-level-2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  flex-wrap: wrap;
  background-color: #fff;
  text-align: left;
  z-index: 2;
  transition: all 0.3s ease-in;
  padding: 78px 0;
  white-space: normal;
}
.menu-level-2 {
  display: none;
}
#navigation .menu-level-2::before {
  content: "";
  display: block;
  width: 100vw;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: -1;
  box-shadow: 0px 20px 20px rgb(0 0 0 / 25%);
}

#navigation .menu-level-2 > li {
  display: flex;
  flex: 0 1 25%;
}

#navigation .menu-level-2 .menu-image {
  flex-shrink: 0;
}

#navigation .menu-level-2 a:not(.menu-image) {
  padding: 0.625em 1.25em;
}
#navigation .menu-level-2 > li > div > a {
  color: #0b5ed7;
  font-weight: 700;
}

#navigation .menu-level-3 a {
  opacity: 0.8;
}

.top-navigation-bar,
.navigationActions,
.menu-helper.empty,
.hidden-links.hidden {
  display: none;
}

.menu-helper {
  position: absolute;
  bottom: 17px;
  right: 1rem;
}

.menu-helper::before {
  content: url(../images/burger.svg);
  display: block;
}

/******* FOOTER *********/

#footer {
  padding-top: 100px;
  /* background-color: #1c2d66; */
  background: linear-gradient(
    to bottom right,
    #003655 0,
    #0066a1 50%,
    #0096ee 100%
  );
}

.footer-rows {
  padding-bottom: 50px;
}

#footer .site-name {
  display: none;
}

#footer a,
#footer h4 {
  color: #fff;
}

.custom-footer a,
.custom-footer h5 {
  font-size: 1rem;
  font-weight: 400;
}

.custom-footer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}

.custom-footer > div {
  flex: 0 1 25%;
  padding: 0 1rem;
}

.custom-footer h4 {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 34px;
}

.custom-footer li,
.custom-footer .news-item-widget,
.custom-footer .categories {
  padding: 0.625em 0;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-footer > div.custom-footer__banner2 {
  flex-basis: 100%;
}

.reda-footer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #fff;
  font-size: 1.25rem;
  margin: 50px 0 0;
}

.reda-footer > img {
  max-width: 200px;
  margin-right: 60px;
}

.reda-footer a {
  text-decoration: underline;
  font-size: inherit;
}

.footer-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-icons::before {
  content: "PRATITE NAS";
  width: 100%;
  display: block;
  font-size: 1.5rem;
  margin: 1.33em 0;
  color: #fff;
  font-weight: 700;
}

.footer-icons .footer-icon a {
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #0b5ed7;
  border-radius: 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}

#footer .footer-bottom {
  background-color: #092f52;
  padding: 20px 0;
  color: #999798;
}

#footer .footer-bottom.container {
  max-width: unset;
  text-align: center;
  font-size: 0.75rem;
}

#footer .footer-bottom a {
  color: #999798;
}

#footer .footer-bottom img {
  max-width: 24px;
  max-height: 24px;
  width: 100%;
  height: auto;
}

#signature img {
  margin-right: 0.5em;
  display: block;
}

#signature {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#signature .miranda {
  display: flex;
  align-items: center;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #999798;
}

#footer .footer-bottom .copyright {
  display: none;
}

/***************** BANNER START HERE *********************/

#banner,
.products-block.products,
.top-cats,
.homepage-box.welcome-wrapper,
.footer-banners .footer-banner {
  margin-bottom: 100px;
}

#banner .item a {
  display: block;
  width: 100%;
}

#banner .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}

#banner a {
  color: #000;
}

#banner .swiper-slide a img {
  width: 100%;
  height: auto;
}

#banner img {
  display: block;
}
#banner .swiper-slide,
#banner .swiper-slide {
  flex-shrink: 0;
}
#banner .swiper-wrapper > .swiper-slide > img,
#banner .swiper-wrapper > .swiper-slide > a > img {
  line-height: 1;
}

.banner-text-wraper {
  position: absolute;
  top: 40%;
  left: 5%;
  width: auto;
  padding-left: 2rem;
}

/*.extended-banner-texts {
  position: absolute;
  top: 50%;
  left: 18%;
  width: auto;
  transform: translate(-50%, -50%);
  max-width: calc(1440px + 4rem);
  !* margin: 0px 200px; *!
  padding-left: 2rem;
  padding-right: 2rem;
}*/

.extended-banner-texts .extended-banner-text,
.extended-banner-texts .extended-banner-title,
.extended-banner-texts .small-banner-text {
  display: block;
  margin-bottom: 1.25rem;
}
.extended-banner-text p{
  font-size: clamp(1.875rem, 3vw, 2.625rem);
  line-height: 1.3333333333em;
  font-weight: 700;
  display: block;
}

.extended-banner-text,
.extended-banner-title {
  max-width: 485px;
}

.extended-banner-texts .extended-banner-link {
  display: inline-block;
}

.btn.btn-primary,
.extended-banner-link,
.unveil-button,
.btn.btn-default {
  background-color: #0b5ed7;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.extended-banner-link:hover,
.extended-banner-link:focus,
.unveil-button:hover,
.unveil-button:focus,
.btn.btn-default:hover,
.btn.btn-default:focus {
  background-color: #fff;
  color: #0b5ed7;
  border-color: #0b5ed7;
}

.btn:not(.cart-count):not(.add-to-cart-button),
.extended-banner-link,
.chevron-after {
  border-radius: 9999px;
  padding: 0.78125em 1.875em;
}

#banner .swiper-pagination span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(11, 94, 215, 0.15);
  transition: all 0.3s ease-in;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active-main {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}

/***************** BANNER END HERE *********************/

/**************** SECTION CATEGORY START TEXT *************************/

section p {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

/**************** SECTION CATEGORY END TEXT *************************/

/***************** BEST SELLER START HERE ***********************/

.rating-color {
  color: #fbc634 !important;
}

.ratings i {
  color: #cecece;
  font-size: 16px;
}

#best-sellers .swiper-slide,
#best-sellers .swiper-slide {
  flex-shrink: 0;
}

#best-sellers .swiper-wrapper {
  padding-bottom: 50px;
}

#best-sellers .swiper-scrollbar.swiper-scrollbar-horizontal {
  opacity: 1 !important;
  width: 100%;
  left: 0px;
  height: 10px;
  /*background: var(--blue,rgba(0,0,0,.1));*/
}

#best-sellers .swiper-scrollbar-drag {
  background: var(--blue, rgba(0, 0, 0, 0.5));
}

#best-sellers .card,
#product .card {
  border: none;
  background: rgb(250 250 250);
}



#product .swiper-button-next:after,
#product .swiper-button-prev:after {
  font-size: 20px;
}
#product .swiper-button-next:after,
#product .swiper-button-prev:after {
  font-size: 20px;
}

#best-sellers .card span,
#product .card span {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
  color: #ffffff;
}

#best-sellers h3,
#best-selling-products h3,
#product h3,
#product h3 {
  font-size: clamp(1.625rem, 3.2vw, 2.25rem);
  font-weight: 700;
  margin-top: 0.8333333333em;
  height: auto;
  margin-bottom: 0.8333333333em;
}

#best-selling-products .card {
  border: 0px;
  background: rgb(250 250 250);
  display: none;
}

#best-selling-products .button-wrapper {
  text-align: center;
  margin-top: 10px;
  font-size: 1rem;
}

#best-sellers .swiper-navigation-wrap {
  position: relative;
}

#best-sellers .swiper-navigation-wrap .swiper-wrap {
  width: 88px;
  position: relative;
  height: 100%;
  float: right;
}

#best-sellers .swiper-navigation {
  width: 100%;
}

#best-sellers .card span.new,
#product .card span.new {
  background-color: #5f9920;
}

#best-sellers .card span.bestseller,
#product .card span.bestseller {
  background-color: #ab46a4;
}

#best-sellers .card span.sale,
#product .card span.sale {
  background-color: #fc5532;
}

.product-image > div {
  padding: 20px;
}

.btn.add-to-cart-button {
  position: absolute;
  right: 10px;
  bottom: 20px;
  margin-right: 10px;
}

section#best-sellers .nav-tabs {
  border-bottom: 0px;
}

section#best-sellers .nav-tabs .nav-item {
  margin-bottom: 0px;
}

section#best-sellers .nav-tabs .nav-link {
  color: #d6d5d6;
  background-color: rgb(250 250 250);
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid #d6d5d6;
}

section#best-sellers .nav-tabs .nav-link:focus {
  outline: none;
  box-shadow: none;
}

section#best-sellers .nav-tabs .nav-item.show .nav-link,
section#best-sellers .nav-tabs .nav-link.active {
  color: #161617;
  background-color: rgb(250 250 250);
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid #0b5ed7;
}

section#best-sellers .philips-filter-bar {

}
section#best-sellers .philips-filter-bar .philips-filter-bar__options {

}

button.dropdown-button{
  margin-left: 0;
  padding-inline-end: 1rem;

  position: relative;
  font-size: .875rem;
  background: none;
  border: 0;
  padding: 0;
  line-height: 1.4285714286;
  font-weight: bold;
  text-align: center;
  display: inline-flex;
  border-radius: 64px;
  cursor: pointer;
  outline: 0;
  vertical-align: top;
  border-radius: 64px;
  transition-property: opacity,transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  background: #f5f5f5;
}

button.dropdown-button:hover {
  background: #dfdfdf;
}

button.dropdown-button.philips-pill--small{
  font-size: .75rem;
  line-height: 1.3333333333;
  min-height: 2.5rem;
  padding: 0 1.5rem;
}
.dropdown-toggle:after {
  display: none;
}
button.dropdown-button.philips-pill span.submenu-arrow {
  line-height: 0;
}
button.dropdown-button.philips-pill span.submenu-arrow::after {
  content: url(../images/arrow-down.svg);
  display: inline-block;
  margin-left: 0.5em;
  line-height: 0;
  position: relative;
  right: 0px;
  width: 20px;
  height: 10px;
}
button.dropdown-button.philips-pill[aria-selected="true"],
button.dropdown-button.philips-pill[aria-expanded="true"] {
  border: 1px solid;
}
button.dropdown-button.philips-pill[aria-selected="true"] span.submenu-arrow::after,
button.dropdown-button.philips-pill[aria-expanded="true"] span.submenu-arrow::after {
  content: url(../images/arrow-up.svg);
}

ul#pills-tab li.nav-item:first-child {
  margin-left: 0;
}
ul#pills-tab li.nav-item {
  margin-left: 10px;
}

.philips-filter-bar__options .dropdown-menu {

}

ul.nav-pills li.nav-item .tab-pane {
  position: absolute;
  padding: 2rem;
  min-width: 300px;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
  border-radius: 12px;
  background-color: rgb(var(--colour-neutral-1, 255, 255, 255));
  -webkit-box-shadow: 5px 5px 20px 3px rgb(var(--colour-neutral-3, 223, 223, 223));
  box-shadow: 1px 3px 8px 0px rgb(var(--colour-neutral-5, 146, 146, 146));
  margin-top: 10px;
}
.plp-radio-button {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  cursor: pointer;
}
.plp-radio-button__text {
  font-size: 0.875rem;
}
.plp-radio {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.plp-radio input[type=radio] {
  position: absolute;
  left: -0.625rem;
  top: -0.625rem;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-block;
  border: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}

.plp-radio__symbol {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--colour-neutral-1, 255, 255, 255));
  border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146));
  border-radius: 64px;
  flex-shrink: 0;
}

.plp-radio input[type=radio]:checked~.plp-radio__symbol {
  border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163));
}

.plp-radio--subtle input[type=radio]:checked~.plp-radio__symbol {
  border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17));
}

.plp-radio--subtle input[type=radio]:checked~.plp-radio__symbol::after {
  background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));
}

.plp-radio input[type=radio]:checked~.plp-radio__symbol::after {
  background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163));
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
}

.plp-radio__symbol::after {
  content: "";
  display: block;
  border-radius: 64px;
}

.plp-checkbox__wrapper {
  display: flex;
  padding: 1rem 0;
  align-items: center;
  cursor: pointer;
  margin-right: 3px;
}

.plp-checkbox__texts {
  display: flex;
  justify-content: space-between;
  flex-grow: 10;
  align-items: center;
}

.plp-checkbox__label {
  display: flex;
  font-size: 0.875rem;
  flex-basis: 100%;
  padding-left: 0;
  margin-right: 1.25rem;
}

.plp-checkbox__count {
  margin-right: 1.25rem;
}

.plp-checkbox__wrapper .plp-checkbox {
  width: 1.5rem;
}

.plp-checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.plp-checkbox__wrapper .plp-checkbox input[type=checkbox] {
  position: absolute;
  height: 0;
  width: 0;
}

.plp-checkbox input[type=checkbox] {
  position: absolute;
  left: -0.625rem;
  top: -0.625rem;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-block;
  border: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}

.plp-checkbox__symbol {
  position: relative;
  border-radius: 4px;
  border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146));
  width: 1.5rem;
  height: 1.5rem;
  background: rgb(var(--colour-neutral-1, 255, 255, 255));
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::before,
.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::after {
  color: rgb(var(--colour-neutral-1, 255, 255, 255));
}

.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::before,
.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::after {
  color: rgb(var(--colour-neutral-1, 255, 255, 255));
}

.plp-checkbox__symbol::before {
  transform: rotate(45deg);
  content: "";
  box-sizing: content-box;
  display: block;
  border: 2px solid currentColor;
  border-left: 0;
  border-top: 0;
  height: 0.5625rem;
  width: 0.25rem;
  opacity: 0;
  margin-top: -0.25rem;
  color: rgb(var(--colour-static-white, 255, 255, 255));
}

.plp-checkbox__symbol::after {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.625rem;
  border: 2px solid currentColor;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  opacity: 0;
  color: rgb(var(--colour-static-white, 255, 255, 255));
  width: 0.875rem;
}

.plp-checkbox input[type=checkbox]:checked~.plp-checkbox__symbol::before {
  opacity: 1;
}

.plp-checkbox input[type=checkbox]:hover~.plp-checkbox__symbol {
  border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17));
}

.plp-checkbox input[type=checkbox]:hover~.plp-checkbox__symbol::before {
  color: rgb(var(--colour-neutral-3, 223, 223, 223));
  opacity: 1;
}

.plp-checkbox--subtle input[type=checkbox]:checked~.plp-checkbox__symbol {
  background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));
  border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));
}

.plp-checkbox--subtle input[type=checkbox]:hover:checked~.plp-checkbox__symbol::after,
.plp-checkbox--subtle input[type=checkbox]:hover:checked~.plp-checkbox__symbol::before {
  color: rgb(var(--colour-neutral-1, 255, 255, 255));
}

.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::before,
.plp-checkbox--subtle input[type=checkbox]~.plp-checkbox__symbol::after {
  color: rgb(var(--colour-neutral-1, 255, 255, 255));
}


.plp-color-filter__item {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  font-size: 0.75rem;
}

.plp-color-filter__label {
  display: block;
  margin-top: 10px;
  order: 1;
}

.plp-color-filter__label>span {
  display: block;
  margin: 0;
  padding: 0;
}

.plp-color-filter__label>span:first-child {
  margin-bottom: 0.75rem;
}

.plp-color-filter__input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  order: 2;
}

.plp-color-filter__visual:after {
  box-sizing: content-box;
  -webkit-transition: border-color .2s ease-in-out;
  transition: border-color .2s ease-in-out;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  margin: auto;
}

ul#pills-tab {
  flex-wrap: unset;
}
.swiper.philips-filter-bar__options {
  overflow: unset;
  z-index: 99999;
}

.swiper.philips-filter-bar__options .swiper-wrapper .swiper-slide{
  width: auto !important;

}

.swiper.philips-filter-bar__options .swiper-wrapper {
  transform: unset;
  z-index: 99999;
}

.swiper.philips-filter-bar__options .swiper-wrapper .swiper-slide {
  transform: unset;
}

ul.nav-pills li.nav-item .tab-pane.fade:not(.show) {
 display: none;
}

.plp-color-filter__input:hover+.plp-color-filter__visual:after {
  border-color: rgb(var(--colour-neutral-5, 146, 146, 146));
}

.plp-color-filter__input:checked+.plp-color-filter__visual:after {
  border-color: rgb(var(--colour-neutral-7, 17, 17, 17));
  border-width: 2px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.56 7.5L18 8.96l-7.436 7.54L6 11.873l1.44-1.46 3.124 3.165L16.559 7.5z' fill='black'/%3E%3C/svg%3E");
  top: -4px;
  left: -4px;
  right: -4px;
}

.plp-color-filter__input:checked+.plp-color-filter__visual[data-id="10028"]:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.56 7.5L18 8.96l-7.436 7.54L6 11.873l1.44-1.46 3.124 3.165L16.559 7.5z' fill='white'/%3E%3C/svg%3E");
}

.plp-color-filter {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(4.2rem, 1fr));
  padding: 0 5px;
}
.plp-color-filter {
  min-width: 18.75rem;
}
.plp-color-filter__visual[data-id="10028"] {
  background-color: rgb(var(--colour-neutral-5, 146, 146, 146));
}

.plp-color-filter__visual[data-id="10003"] {
  background-color: #f4f3d7;
}

.plp-color-filter__visual[data-id="10139"] {
  background-color: rgb(var(--colour-neutral-7, 17, 17, 17));
}

.plp-color-filter__visual {
  box-sizing: content-box;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  pointer-events: none;
  background-size: cover;
  order: 0;
  align-self: center;
}

/***************** BEST SELLER END HERE ***********************/

/**************** HOME CATEGORY START HERE *******************/

section#category {
  margin-top: 100px;
}

section#category h2 {
  font-size: clamp(1.625rem, 3.2vw, 2.25rem);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.8333333333em;
}
section#category-title h2{
  color: #1d4c84;
  font-size: clamp(1.625rem, 4vw, 2rem);
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 40px;
  text-align: center;
}
section#category-title {
  max-width: 70em;
  margin: 0 auto;
}
section#category-title h1{
 color: #1d4c84;
  font-size: clamp(2.125rem, 4vw, 3.438rem);
  font-weight: 300;
  margin-bottom: 21px;
  line-height: 66px;
  text-align: center;
}
section#category h2 {
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  margin-top: 0;
}
.category-light {
  font-weight:300;
  letter-spacing: -1px;
}
section#category .item {
  min-height: 400px;
  position: relative;
  text-align: center;
  background-color: #f5f4f4;
  border-radius: 5px;
  overflow: hidden;
  grid-column-end: span 2;
  border: 0px;
}

section#category .item .image {
  display: block;
  transform: translateY(35%) scale(0.8);
  transition: all 0.3s ease-in-out;
}
section#category .item a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 400px;
}

section#category .item .image img {
  display: block;
  margin: 0 auto;
}

section#category a:hover .image,
section#category a:focus .image {
  transform: none;
}

section#category .item .text {
  position: absolute;
  padding: 0 20px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  color: #000;
  transition: all 0.3s ease-in-out;
}

section#category .item a:hover .text,
section#category .item a:focus .text {
  transform: translate(-50%, -100%) scale(0);
  opacity: 0;
}

section#category .item a:hover::after,
section#category .item a:focus::after {
  transform: none;
  opacity: 1;
}

section#category .item a::after {
  content: url(../images/arrow-right.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 40px;
  bottom: 40px;
  border-radius: 50%;
  background-color: #0b5ed7;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

#best-selling-products .card-header span {
  display: block;
  margin-right: 20px;
  color: #0b5ed7;
  font-size: 1.75rem;
}
#best-selling-products .card-header p {
  display: block;
  color: #000;
  font-weight: 700;
}
#best-selling-products .card-header img {
  margin-right: 30px;
}

.products-inline {
  align-items: center;
}

/**************** HOME CATEGORY END HERE *******************/

/**************** HOME WELCOM TO SHOP START HERE *******************/

section#welcom-to-shop {
  margin-top: 100px;
}

#welcom-to-shop .main-image img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 553px;
  width: 100%;
}

#welcom-to-shop .newsletter-wrapper {
  background: linear-gradient(279.85deg, #0b5ed7 0%, #186de8 100%);
  color: #fff;
  border-radius: 5px;
  padding: 100px 80px;
  align-items: center;
  margin-top: -262px;
  position: relative;
  margin-bottom: 100px;
  margin-left: 0px;
  margin-right: 0px;
}

#welcom-to-shop .newsletter-wrapper .column:first-of-type {
  padding-right: 25px;
}
#welcom-to-shop .newsletter-wrapper .subheading {
  margin-bottom: 1.25em;
  display: block;
}

#welcom-to-shop .newsletter-wrapper p {
  line-height: 1.8125em;
  font-size: 16px;
  margin-bottom: 16px;
  color: #ffffff;
}

#welcom-to-shop .newsletter-wrapper span {
  font-size: 16px;
}

#welcom-to-shop .newsletter-wrapper .usp-wrapper {
  display: flex;
  text-align: center;
}

.btn:not(.cart-count):not(.add-to-cart-button),
.extended-banner-link,
.chevron-after {
  border-radius: 9999px;
  padding: 0.78125em 1.875em;
}

.btn.btn-secondary,
.chevron-after {
  background-color: #fff;
  color: #0b5ed7;
  display: inline-block;
  border: 1px solid #0b5ed7;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.chevron-after:hover,
.chevron-after:focus {
  color: #fff;
  background-color: #0b5ed7;
}

#welcom-to-shop .newsletter-wrapper .column:last-of-type {
  padding-left: 25px;
}

#welcom-to-shop .newsletter-wrapper .usp-wrapper {
  display: flex;
  text-align: center;
}

#welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item:not(:last-of-type) {
  border-right: 1px solid rgba(191, 226, 235, 0.2);
}

#welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item {
  flex: 0 1 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
}

#welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item img {
  display: block;
  margin-bottom: 10px;
  width: auto;
}

#welcom-to-shop h2 {
  font-size: clamp(1.625rem, 3.2vw, 2.25rem);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.8333333333em;
}

#welcom-to-shop .content-banner {
  margin-bottom: 100px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.content-banner {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 15px 0px 15px;
}

#welcom-to-shop .footer-banner a {
  color: #000;
  display: block;
}

#welcom-to-shop .footer-banner a img {
  display: block;
}

#welcom-to-shop .extended-banner-texts .extended-banner-link {
  display: inline-block;
}

#welcom-to-shop > img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 553px;
  width: 100%;
}

.category-pagination {
  height: 50px;
  margin-bottom: 3em;
}
.category-pagination .category-pagination-wraper {
  width: 100px;
  bottom: 50%;
  right: 50%;
  text-align: center;
}
.description-heading h3 {
  font-size: clamp(1rem, 2.5vw, 1.1rem);
  letter-spacing: -.2px;

line-height: 26px;
color: #050505;
font-weight: 500;
margin-bottom: 13px;
}

.price-up {
  font-size: 0.8rem;
  text-decoration: line-through;
  line-height: 50%;
}
/**************** HOME WELCOM TO SHOP END HERE *******************/

/*************** PRODUCT PAGE START HERE *************************/
.breadcrumbs-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}
.breadcrumbs,
.bread-crumb span {
  font-size: 0.75rem;
}
.gallery-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#product .gallery-container {
  /*background-color: #ffffff; siva verzija*/
   background-color: #ffffff;
}
.gallery-main {
  height: auto;
  /*box-shadow: 0 50px 75px 50px rgba(30, 30, 30, 0.18); siva verzija*/
  border: 1px solid #e9e9e9;
}


.gallery-main .swiper-button-prev,
.gallery-main .swiper-button-next {
  display: none;
}

.gallery-main .swiper-button-prev::after,
.gallery-main .swiper-button-next::after {
  font-size:22px;
}
.gallery-main .swiper-button-prev {
  /*left: 0px;*/
  /*border-right: 1px solid #e9e9e9;*/
}
.gallery-main .swiper-button-next {
  /*left: 40px;*/
}
.gallery-title {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: "Epilogue", sans-serif;
  font-size: 50px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.swiper-slide-active .gallery-title {
  animation: slide-in 0.3s ease-in both;
}
.gallery-thumbs {
  width: 100px;
  height: 550px;
  margin-right: 15px;
  padding-left: 15px;
}
.gallery-thumbs .swiper-slide img {
  transition: 0.3s;
  max-height: 80px;
  width: 67px
}
.gallery-thumbs .swiper-slide-active {
  opacity: 0.9;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active img {
  margin-left: -15px;
}
@keyframes slide-in {
  from {
    opacity: 0;
    right: -50%;
  }
}
#product .card-img-top {
  max-height: 550px;
  object-fit: cover;
}
#product .news-letter {
  min-height: 80px;
  padding: 20px 50px 20px 50px;
  width: 100%;
  border-radius: 5px;
  background: url(../images/prihlasit-bg.jpeg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  margin-top: 12px;
}
#product .news-letter span {
  font-size: 16px;
}
#product .news-letter .btn.btn-secondary {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: #fff;
}
#product {
  font-size: clamp(14px, 1rem, 18px);
  padding: 0;
  margin: 0;
}
#product .product-rating span {
  font-size: 24px;
}
#product p {
  font-size: 16px;
  line-height: 29px;
}
.green-text {
  color: #5f9920;
}
.red-text {
  color: #b30404;
}
#product .article-basket {
  margin-top: 30px;
  padding: 20px;
  background-color: #f5f4f4;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
button.addition,
button.subtraction {
  border: 0px;
  background: transparent;
}
input.result {
  height: 49px;
  width: 65px;
  border: 1px solid #bfe2eb;
  border-radius: 50px;
  text-align: center;
  color: #000;
  overflow: hidden;
}
#product .add-to-cart-button {
  border-radius: 50px;
  padding: 10px 15px 10px 15px;
}

#product .gallery-thumbs .swiper-button-next {
  transform: rotate(90deg);
  top: unset;
  bottom: 0px;
  right: 54px;
}

#product .gallery-thumbs .swiper-button-next:after,
#product .gallery-thumbs .swiper-button-prev:after {
  font-size: 20px;
}

#product .gallery-thumbs .swiper-button-prev {
  transform: rotate(90deg);
  top: 9px;
  right: 54px;
  left: unset;
}
/*************** PRODUCT PAGE END HERE *************************/

@media screen and (min-width: 1540px) {
  .gallery-container {
    width: 730px;
  }
  .gallery-main {
    width: 600px;
  }
}

@media screen and (min-width: 1330px) {
  #best-sellers .card {
    max-width: 20%;
  }
}

@media screen and (max-width: 1540px) {
  .gallery-container {
    width: 630px;
  }
  .gallery-main {
    width: 500px;
  }
}

@media screen and (max-width: 1440px) {
  #welcom-to-shop .newsletter-wrapper .usp-wrapper {
    flex-wrap: wrap;
  }

  #welcom-to-shop .footer-banner .extended-banner-texts {
    padding: 60px 2rem;
  }

  #welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item:nth-of-type(1),
  #welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item:nth-of-type(2) {
    border-bottom: 1px solid rgba(191, 226, 235, 0.2);
    padding-bottom: 20px;
    padding-top: 0;
  }

  #welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item:nth-of-type(2) {
    border-right: none;
  }
}

@media screen and (max-width: 1340px) {
  #welcom-to-shop .newsletter-wrapper .usp-wrapper .usp-item {
    flex-basis: 50%;
    width: 50%;
    padding-top: 20px;
    justify-content: center;
  }
}

@media screen and (max-width: 1280px) {
  .gallery-container {
    width: 530px;
  }
  .gallery-main {
    width: 400px;
  }
}
@media screen and (max-width: 1080px) {
  .gallery-container {
    width: 470px;
  }
  .gallery-main {
    width: 350px;
  }
}

@media screen and (max-width: 1024px) {
  .first-header-wraper .first-header-item:nth-of-type(2) {
    border-left: none;
    padding-left: 0px;
  }

  .custom-footer > div {
    flex-basis: 50%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .navigation-buttons .cart-price,
  .cart-price {
    display: none;
  }
  .navigation-buttons .btn.cart-count::before {
    margin-right: 0;
  }
  #welcom-to-shop .newsletter-wrapper {
    padding: 80px 20px;
  }
  .gallery-container {
    width: 100%;
  }
  .gallery-main {
    width: 100%;
  }

  .gallery-thumbs {
    display: none;
  }

  #product .card-img-top {
    width: auto;
    margin: 0px auto;
  }

  .gallery-main .swiper-button-prev,
  .gallery-main .swiper-button-next {
    display: block;
  }
  .medium-zoom--opened .medium-zoom-overlay {
    z-index: 999;
  }
}

@media screen and (max-width: 767px) {
  .responsive-tools {
    display: flex;
    align-items: center;
  }
  #navigation .menu-level-1 > li a span.p-icon-mirror,
  #navigation .menu-level-1 > li a span.p-icon-household,
  #navigation .menu-level-1 > li a span.p-icon-sound-and-vision,
  #navigation .menu-level-1 > li a span.p-icon-promotions,
  #navigation .menu-level-1 > li a span.p-icon-mcc {
    display: none;
  }

  #navigation .menu-level-1 > li > a {
    margin-left: 0px;
    height: auto;
  }

  .responsive-tools a[data-target="navigation"] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(11, 94, 215, 0.15);
    border-radius: 50%;
  }

  .responsive-tools a {
    display: inline-block;
    line-height: 0;
    margin-left: 24px;
  }

  .responsive-tools a[data-target="search"]::before {
    content: url(../images/search-black.svg);
  }

  .responsive-tools a::before {
    display: inline-block;
    line-height: 0;
  }

  .responsive-tools a[data-target="navigation"]::before {
    content: url(../images/burger.svg);
  }

  .responsive-tools a::before {
    display: inline-block;
    line-height: 0;
  }

  .responsive-tools a[data-target="login"] {
    display: none;
  }

  #header #navigation {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
  }

  #navigation {
    transition: max-width 0.3s ease-in;
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    display: none;
    max-width: 420px;
    z-index: 9;
  }

  #header > .container {
    padding-left: 0;
  }

  #navigation .menu-level-1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: transform 0.3s ease-in;
  }

  #navigation .menu-level-1 > li > a {
    justify-content: flex-start;
  }

  .header-top .search {
    position: absolute;
    top: 100%;
    margin-left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
  }

  .navigation-buttons {
    margin-left: auto;
  }
  .header-top #oblibeneBtn::before {
    font-size: 20px;
    margin-right: 0;
  }
  .header-top #oblibeneBtn::after {
    content: "";
  }

  .navigation-buttons .btn.cart-count::before {
    content: url(../images/cart-black.svg);
  }

  .navigation-buttons .btn.cart-count {
    width: auto;
    height: auto;
    position: relative;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
  }

  #header .header-wrap .header-top .search {
    position: absolute;
    top: 100%;
    margin-left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
    display: none;
  }

  #header .header-wrap .header-top .search {
    max-height: 50px;
  }

  .header-top .search .search-input {
    border-radius: 0;
  }

  .header-top .search .btn.btn-default {
    border-radius: 0;
  }

  .header-top .logo-wrap {
    margin-top: 0;
    margin-bottom: -11px;
    max-width: 96px;
  }

  .first-header .container {
    padding-left: 20px;
  }

  #header .header-wrap .logo-wrap img {
    max-width: 124px;
  }

  .reda-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 0.75rem;
  }

  .reda-footer > img {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .reda-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 0.75rem;
  }
  .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: none;
    left: 20px;
  }

  #welcom-to-shop .content-banner {
    margin-bottom: 50px;
  }

  /*.extended-banner-texts {
    top: 0px;
    bottom: 60px;
    transform: translateX(-50%);
    padding-left: 20px;
    padding-right: 20px;
  }*/
  .banner-text-wraper {
    bottom: 60px;
    top: unset;
    padding-left: 20px;
    padding-right: 20px;
  }

  .extended-banner-texts {
    padding: 20px;
  }

  #welcom-to-shop .column:first-of-type {
    margin-bottom: 70px;
  }

  #welcom-to-shop .content-banner img {
    width: 100%;
  }

  #best-selling-products .p-in {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  #best-selling-products .p-in .p-in-in {
    margin-bottom: 20px;
  }

  #best-selling-products .p-in p,
  #best-selling-products .card-header span {
    font-size: 1rem;
  }
}

@media screen and (max-width: 576px) {
  .extended-banner-text {
    font-size: 16px;
  }
  .extended-banner-link {
    border-radius: 9999px;
    padding: 0.38125em 1.275em;
  }

  .extended-banner-texts {
    bottom: 0px;
    height: auto;
    top: 75%;
    transform: translateX(-50%);
    padding-left: 20px;
    padding-right: 20px;
  }
}

/******************************************************* HUAWEI OLD **************************************************************/

#header .header-wrap .bot {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  position: absolute;
  border-bottom: 1px solid rgba(111, 111, 111, 0.5);
  bottom: 0;
  left: -50%;
  right: -50%;
}

#header .header-wrap .left-box {
  height: 65px;
  float: left;
}

#header .header-wrap .right-box {
  display: block;
  margin-left: 15px;
  float: left;
  margin-top: 0px;
}

#header .header-wrap .right-box .mini-account {
  float: left;
  height: 24px;
  width: 24px;
  margin-right: 25px;
  position: relative;
  margin-top: 20px;
}
#header .header-wrap .right-box .shop-bag div#shop-bag,
#header .header-wrap .right-box .mini-account div#account,
#mobile-header .app-nav-wrap div#shop-bag-mobile {
  position: absolute;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 8px;
  z-index: 999;
  display: none;
}

#header .header-wrap .right-box .shop-bag div#shop-bag.active,
#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile.active,
#header .header-wrap .right-box .mini-account div#account.active {
  display: block;
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile .cards-wrapper,
#header .header-wrap .right-box .shop-bag div#shop-bag .cards-wrapper {
  padding: 40px 0px;
}
#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile p,
#header .header-wrap .right-box .shop-bag div#shop-bag p {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000;
}

#header .header-wrap .right-box .shop-bag .card-item {
  padding: 1.25rem;
}

#header .header-wrap .right-box .shop-bag .card-body {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  padding: 0px;
}

#header .header-wrap .right-box .shop-bag .card-body h4 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.shop-bag a {
  padding-left: 1rem;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-body
  .icon_close,
#header .header-wrap .right-box .shop-bag .card-body .icon_close {
  position: relative;
  float: right;
  z-index: 999;
  width: auto;
  display: inline-block;
}
#header .header-wrap .nav-wrap ul li {
  margin-right: 20px;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-body
  .icon_close
  a {
  width: auto;
  height: auto;
  display: inline-block;
  padding-top: 0px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile .image-wrapper,
#header .header-wrap .right-box .shop-bag .card-body .image-wrapper {
  max-width: 62px;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-body
  input.minus.btn,
#header .header-wrap .right-box .shop-bag .card-body input.minus.btn {
  text-align: center;
  font-size: 42px;
  line-height: 0;
  height: 20px;
  width: 20px;
  padding: 0px;
  font-family: "PhilipsFont-Bold";
}

input.minus.btn:focus,
input#quantity:focus,
input.plus.btn:focus {
  box-shadow: none;
  outline: none;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-body
  input#quantity,
#header .header-wrap .right-box .shop-bag .card-body input#quantity {
  width: 72px;
  border: none;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #d20a2c;
  height: 34px;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-body
  input.plus.btn,
#header .header-wrap .right-box .shop-bag .card-body input.plus.btn {
  text-align: center;
  font-size: 32px;
  line-height: 0;
  height: 20px;
  width: 20px;
  padding: 0px;
  font-family: "PhilipsFont-Bold";
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile .card-body span,
#header .header-wrap .right-box .shop-bag .card-body span {
  font-family: "PhilipsFont-Bold";
  font-weight: bold;
  font-size: 14px;
  line-height: 34px;
  color: #d20a2c;
  position: relative;
  float: right;
}

#header .header-wrap .right-box .shop-bag .card-body .text-wrapper {
  width: 80%;
}

#header .header-wrap .right-box .shop-bag div#shop-bag {
  width: 360px;
  top: 27px;
  right: -50px;
}
#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile {
  width: 360px;
  top: 38px;
  left: -299px;
}

#header .header-wrap .right-box .mini-account div#account {
  width: 243px;
  top: 27px;
  left: -110px;
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile:before,
#header .header-wrap .right-box .shop-bag div#shop-bag:before,
#header .header-wrap .right-box .mini-account div#account:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #e5e5e5;
}

#header .header-wrap .right-box .shop-bag div#shop-bag:before {
  left: 77%;
  bottom: 100%;
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile:before {
  left: 85%;
  bottom: 100%;
}

#mobile-header .app-nav-wrap button.trasparent,
#header .header-wrap button.trasparent {
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  width: auto;
  background: transparent;
  border: 1px solid #000000;
}

#mobile-header .app-nav-wrap button.trasparent:hover,
#header .header-wrap button.trasparent:hover {
  border: 1px solid #d20a2c;
  color: #d20a2c;
}
#header .header-wrap div#shop-bag .card-item .bottom-divider,
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-item
  .bottom-divider,
#header .header-wrap div#shop-bag .card-item.empty .bottom-divider {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0%;
  border: 1px solid #cccccc;
  margin: 0px auto;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-item.empty
  .bottom-divider,
#header .header-wrap div#shop-bag .card-item.empty .bottom-divider {
  width: 55%;
}
#mobile-header
  .app-nav-wrap
  .app-shop-bag
  div#shop-bag-mobile
  .card-item
  .bottom-divider,
#header .header-wrap div#shop-bag .card-item .bottom-divider {
  width: 100%;
}

#header .header-wrap .right-box .mini-account div#account:before {
  left: 45%;
  bottom: 100%;
}

#header .header-wrap .right-box .shop-bag div#shop-bag:after,
#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile:after,
#header .header-wrap .right-box .mini-account div#account:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
}
.hide {
  display: none;
}

#header .header-wrap .right-box .shop-bag div#shop-bag:after {
  left: 77%;
  bottom: 99.9%;
}

#mobile-header .app-nav-wrap .app-shop-bag div#shop-bag-mobile:after {
  left: 85%;
  bottom: 99.6%;
}

#header .header-wrap .right-box .mini-account div#account:after {
  left: 45%;
  bottom: 99%;
}

#header .header-wrap .right-box .mini-account div#account ul {
  position: relative;
}
#header .header-wrap .right-box .mini-account div#account ul li {
  width: 100%;
}
#header .header-wrap .right-box .mini-account div#account ul li a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  text-align: left;
  order: 0;
  padding: 17px 14px 17px 46px;
  width: 100%;
  position: relative;
  display: inline-block;
}

#header .header-wrap .right-box .newsletter {
  float: left;
  width: 120px;
  margin-right: 25px;
  position: relative;
}
#header .header-wrap .right-box .search-wrap {
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 20px;
}
#header .header-wrap .right-box .shop-bag {
  float: left;
  margin-left: 25px;
  position: relative;
  margin-top: 20px;
}
#header .header-wrap .right-box .shop-bag .shop-bag-bnt {
  position: relative;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  font-size: 13px;
  color: #6f6f6f;
  padding-right: 30px;
  margin-left: 0;
}
#header .hsvg24 {
  width: 24px;
  height: 24px;
}
.shop-bag-bnt i {
  position: absolute;
  left: 0;
}
.hsvg-cart,
.hsvg-cart-h {
  background-image: url(../images/cart.svg);
}

#header .header-wrap .right-box .search-wrap a {
  display: inline-block;
  width: 24px;
  height: 24px;
}

#header .hsvg {
  width: 20px;
  height: 20px;
}

.mini-account-btn i {
  position: absolute;
  left: 0;
}

.hsvg-person-1 {
  background-image: url(../images/person.svg);
}
#header .header-wrap .nav-wrap ul {
  height: 65px;
  line-height: 65px;
  clear: none !important;
  overflow: inherit;
}

#header .header-wrap .nav-wrap .app-search {
  display: none;
}

#header .header-wrap .nav-wrap ul li {
  float: left;
  margin-right: 20px;
}

#header .header-wrap .nav-wrap ul.nav-cnt li.nav-list > a {
  width: inherit;
}
#header .header-wrap .nav-wrap ul li:hover a {
  color: #000;
}
#header .header-wrap .nav-wrap ul li a {
  font-size: 16px;
  color: #6f6f6f;
  position: relative;
  display: inline-block;
  padding-right: 11px;
}
#header .header-wrap .nav-wrap ul li.rmd_pro a.products-name:after {
  content: "";
  width: 7px;
  height: 6px;
  display: inline-block;
  background: url(../images/triangle.png) no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
}

#header .header-wrap .nav-wrap ul li.rmd_pro a.active:after {
  background: url(../images/triangle_open.png) no-repeat;
}

#header .header-wrap .nav-wrap ul li .products-wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 65px;
  width: 100%;
  background: #f9f9f9;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.4);
}

#header .header-wrap .nav-wrap ul li .products-wrap .products-cnt {
  background: #f9f9f9;
  height: 437px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
}

#header .header-wrap .nav-wrap ul li .products-wrap .products-wrap-bd {
  padding-top: 128px;
  overflow: inherit;
}

#header .header-wrap .nav-wrap ul li .products-wrap .close {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

#header .header-wrap .nav-wrap .products-left {
  float: left;
  position: relative;
}
#header .header-wrap .nav-wrap .products-left .app-view-wrap {
  display: none;
}
body#home button.newsletter-btn-base {
  display: inline-block;
}

button.newsletter-btn-base {
  width: 120px;
  height: 30px;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  transition: all 0.6s;
  background: transparent;
  margin-top: 17px;
  margin-bottom: 17px;
  letter-spacing: 0.03px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
}
#header .header-wrap .nav-wrap .products-left ul {
  height: auto;
  line-height: normal;
  width: 100%;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-pack: justify;
}

#header .header-wrap .nav-wrap .products-left li {
  width: 170px;
  margin-right: 0;
}
#header .header-wrap .nav-wrap .products-left li a img {
  max-width: 160px;
  max-height: 120px;
  width: auto;
}
#header .header-wrap .nav-wrap .products-left li a span {
  display: block;
  margin-top: 35px;
  font-size: 15px;
  color: #6f6f6f;
}

#header .header-wrap .nav-wrap .products-right {
  float: left;
  margin-left: 70px;
  position: relative;
}

#header .header-wrap .nav-wrap .products-right .right-line {
  float: left;
  width: 1px;
  height: 166px;
  background: #e0e0e0;
}

#header .header-wrap .nav-wrap .products-right .products-right-cnt ul {
  float: none;
  line-height: normal;
  height: auto;
}

#header .header-wrap .nav-wrap .products-right .products-right-cnt ul li {
  float: none;
  margin-right: 0;
  margin-bottom: 20px;
}

#header .header-wrap .nav-wrap .products-right .products-right-cnt ul li a {
  position: relative;
  display: inline-block;
  padding-right: 0;
  font-weight: 100;
}
#header
  .header-wrap
  .nav-wrap
  .products-right
  .products-right-cnt
  ul
  li
  a::after {
  width: 5px;
  height: 9px;
  position: static;
  margin-left: 10px;
}

#header
  .header-wrap
  .nav-wrap
  .products-right
  .products-right-cnt
  .products-h2 {
  font-size: 24px;
  color: #6f6f6f;
  display: block;
  line-height: 29px;
  margin-bottom: 32px;
}

#header
  .header-wrap
  .nav-wrap
  .products-right
  .products-right-cnt
  ul
  li
  .view-all
  span::after {
  content: "";
  width: 5px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
}

#header .header-wrap .nav-wrap .products-right .products-right-cnt ul li a b {
  font-weight: 100;
}

/***************************** SLIDER START HERE **************************/

section.slider #huaweiHomeCarousel:hover,
section.slider #huaweiStoresCarousel:hover {
  cursor: pointer;
}
.buttons-wraper-first,
.buttons-wraper-second,
.buttons-wraper-third,
.buttons-wraper-fourth {
  left: inherit;
  top: inherit;
  position: absolute;
}

.buttons-wraper-first {
  right: 12%;
  bottom: 55px;
}

.buttons-wraper-second {
  right: 12%;
  bottom: 55px;
}

.buttons-wraper-third {
  right: 22%;
  bottom: 45px;
}

.buttons-wraper-fourth {
  right: 29%;
  bottom: 45px;
}

.wrapper-right.buttons-wraper {
  right: 15%;
  bottom: 35%;
  left: inherit;
  top: inherit;
}
.wrapper-bottom.buttons-wraper {
  left: 35%;
  right: 35%;
  bottom: 15%;
  top: inherit;
}
a.slider-button.trasparent-white,
a.slider-button.trasparent,
a.slider-button.black {
  text-align: center;
  height: 42px;
  line-height: 40px;
  padding: 0 30px;
}
a.slider-button.trasparent-white,
a.slider-button.trasparent {
  color: #111111;
  border: 1px solid #111111;
}
a.slider-button.trasparent-white:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
}
a.slider-button.trasparent:hover {
  border: 1px solid #d20a2c;
  color: #d20a2c;
}

a.slider-button.black {
  color: #ffffff;
  border: 1px solid #000000;
  background-color: #000000;
}

a.slider-button.black:hover {
  color: #ffffff;
  border: 1px solid #d20a2c;
  background-color: #d20a2c;
}

section.slider #huaweiHomeCarousel ol {
}

section.slider #huaweiHomeCarousel ol li {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: black;
}

section.slider #huaweiHomeCarousel a.carousel-control-next,
section.slider #huaweiHomeCarousel a.carousel-control-prev,
section.slider #huaweiStoresCarousel a.carousel-control-next,
section.slider #huaweiStoresCarousel a.carousel-control-prev {
  width: 48px;
  height: 48px;
  background: #c4c4c4;
  border-radius: 100px;
  top: 50%;
  opacity: 0;
  transition: 0.3s;
}

section.slider #huaweiHomeCarousel:hover > a.carousel-control-next,
section.slider #huaweiHomeCarousel:hover > a.carousel-control-prev,
section.slider #huaweiStoresCarousel:hover > a.carousel-control-next,
section.slider #huaweiStoresCarousel:hover > a.carousel-control-prev {
  opacity: 1;
}

section.slider #huaweiHomeCarousel a.carousel-control-next,
section.slider #huaweiStoresCarousel a.carousel-control-next {
  right: 20px;
}
section.slider
  #huaweiHomeCarousel
  a.carousel-control-next
  .carousel-control-next-icon,
section.slider
  #huaweiStoresCarousel
  a.carousel-control-next
  .carousel-control-next-icon {
  background-image: url("../images/slider-arrow-right.png");
  width: 18px;
  height: 31px;
}
section.slider
  #huaweiHomeCarousel
  a.carousel-control-prev
  .carousel-control-prev-icon,
section.slider
  #huaweiStoresCarousel
  a.carousel-control-prev
  .carousel-control-prev-icon {
  background-image: url("../images/slider-arrow-left.png");
  width: 18px;
  height: 31px;
}

section.slider #huaweiHomeCarousel a.carousel-control-prev,
section.slider #huaweiStoresCarousel a.carousel-control-prev {
  left: 20px;
}
section.slider #huaweiHomeCarouselMobile .carousel-inner .carousel-caption,
section.slider #huaweiHomeCarousel .carousel-inner .carousel-caption,
section.slider #huaweiStoresCarouselMobile .carousel-inner .carousel-caption,
section.slider #huaweiStoresCarousel .carousel-inner .carousel-caption {
  text-align: left;
  left: 0px;
  position: relative;
  bottom: unset;
  top: 0px;
  right: unset;
}

section.slider #huaweiStoresCarousel .carousel-inner .carousel-caption h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 40px;
  color: #000000;
}

section.slider
  #huaweiStoresCarouselMobile
  .carousel-inner
  .carousel-caption
  h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}

/***************************** SLIDER ENDS HERE ***************************/

/***************************** STORES START HERE ***************************/

section.stores h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}
section.stores ul li,
section.stores p,
section.stores p a {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #5f5f5f;
}
section.stores .padding-center {
  padding-left: 50px;
  padding-right: 50px;
}
section.stores .right-separator::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1px;
  height: 100%;
  background: #e0e0e0;
}

/***************************** NEWSLETTER START HERE ***************************/

section.newsletter-section .newsletter-wraper {
  background-color: rgb(236, 236, 236);
  max-width: 1190px;
  padding-top: 50px;
  padding-bottom: 50px;
}

section.newsletter-section form.newsletter {
  max-width: 647px;
}
form .form-checkbox-first input,
section.newsletter-section form.newsletter input {
  color: rgb(120, 120, 120);
  border: none;
  border-bottom: 1px solid #b8b8b8;
  border-radius: 0;
  background: transparent;
  outline: 0;
}
section.newsletter-section form.newsletter .submit {
  background: #1e1e1e;
  border-radius: 100px;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  padding: 10px 25px;
  border: none;
}
section.newsletter-section form.newsletter .submit:hover {
  background: #d20a2c;
  color: #ffffff;
}
form .form-checkbox-first,
form .form-checkbox-second,
section.newsletter-section form.newsletter .form-checkbox-first,
section.newsletter-section form.newsletter .form-checkbox-second {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form .form-checkbox-first input.checkbox,
section.newsletter-section form.newsletter .form-checkbox-first input.checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 20px;
  bottom: 4px;
  z-index: 999999999;
}

form .form-checkbox-first input.checkbox {
  bottom: 25px;
}

form .form-checkbox-first label,
form .form-checkbox-second label,
section.newsletter-section form.newsletter .form-checkbox-first label,
section.newsletter-section form.newsletter .form-checkbox-second label {
  font-size: 14px;
  line-height: 22px;
}

form .form-checkbox-second input.checkbox,
section.newsletter-section
  form.newsletter
  .form-checkbox-second
  input.checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 20px;
  top: -5px;
  z-index: 999999999;
}

form .checkmark,
section.newsletter-section form.newsletter .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #d8d8d8;
  border-radius: 3px;
}

form .checkmark {
  top: 4px;
}

form input.checkbox:checked ~ .checkmark,
section.newsletter-section form.newsletter input.checkbox:checked ~ .checkmark {
  background-color: #2196f3;
}

form input.checkbox:checked ~ .checkmark:after,
section.newsletter-section form.newsletter .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

form input.checkbox:checked ~ .checkmark:after,
section.newsletter-section
  form.newsletter
  input.checkbox:checked
  ~ .checkmark:after {
  display: block;
}

form .checkmark:after,
section.newsletter-section form.newsletter .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

section.google-map #map {
  height: 505px;
  width: 100%;
}

/***************************** NEWSLETTER ENDS HERE ***************************/

/***************************** PROGRES BAR START HERE *************************/

section#login-content div#registration-email div#popup-password p {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  text-align: left;
  line-height: 14px;
  color: #7f7f7f;
}

section#login-content
  div#registration-email
  div#popup-password
  p#strong-pass.error,
section#login-content
  div#registration-email
  div#popup-password
  p#count-leathers.error {
  color: #d20a2c;
  position: relative;
  padding-left: 25px;
}

section#login-content
  div#registration-email
  div#popup-password
  p#strong-pass.error
  i.correct-icon,
section#login-content
  div#registration-email
  div#popup-password
  p#count-leathers.error
  i.correct-icon {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  cursor: pointer;
  z-index: 999;
}
section#login-content
  div#registration-email
  div#popup-password
  p#strong-pass.active,
section#login-content
  div#registration-email
  div#popup-password
  p#count-leathers.active {
  color: #10dfaf;
  position: relative;
  padding-left: 25px;
}
section#login-content ul li {
  border-right: 1px solid #cccccc;
}

section#login-content
  div#registration-email
  div#popup-password
  p#strong-pass.active
  i.correct-icon,
section#login-content
  div#registration-email
  div#popup-password
  p#count-leathers.active
  i.correct-icon {
  background: url(../images/correct.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  cursor: pointer;
  z-index: 999;
}
div.cookies {
  display: none;
}
div.cookies.show {
  display: block;
}
div.cookies .toast p {
  color: #6f6f6f;
  font-family: "PhilipsFont-Regular";
}

div.cookies .toast h4 {
  font-family: "PhilipsFont-Regular";
}

div#popup-password {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 8px;
  position: absolute;
  z-index: 999;
  bottom: 70px;
  display: none;
}

div#popup-password:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #e5e5e5;
}
div#popup-password:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  top: 99%;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #ffffff;
}

#progress {
  height: 10px;
  width: 100%;
  margin-top: 0.6em;
  border: 1px solid #e5e5e5;
}

#progress-bar {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

.progress-bar-danger {
  background: #d00;
}

.progress-bar-warning {
  background: #f50;
}

.progress-bar-success {
  background: #080;
}

/***************************** PROGRES BAR END HERE *************************/

/***************************** PRIVACY AND POLICY START HERE *************************/

.privacy {
  font-family: PhilipsFont-Regular;
}
section.privacy h2 {
  font-size: 24px;
  color: #6f6f6f;
  display: block;
  line-height: 29px;
  margin-bottom: 32px;
}
section.privacy h3 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #5f5f5f;
}
section.privacy h4 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #5f5f5f;
  margin-bottom: 10px;
}

section.privacy ol li ol li,
section.privacy ul li,
section.privacy ol li,
section.privacy p {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.375rem;
  /* color: #5f5f5f; */
  color: #3c3c3c;
  padding-bottom: 1rem;
}
section.privacy ol {
  list-style: disc;
  margin-left: 30px;
}
section.privacy ul {
  list-style: disc;
  margin-left: 30px;
}
section.privacy ul.numbers {
  list-style: decimal;
  margin-left: 30px;
}
section.privacy ol li {
}
section.privacy ul li {
}
section.privacy ol li ol {
  margin-left: 30px;
  list-style: circle;
  margin-top: 10px;
}
section.privacy ol li ol li {
}
section.privacy p {
  margin: 1rem;
}

/***************************** PRIVACY AND POLICY HERE ******************************/

/***************************** FOOTER START HERE ***************************/

footer#footer b {
  font-family: "PhilipsFont-Regular";
}
footer#footer .clearfix {
  zoom: 1;
}

footer#footer .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

footer#footer .footer-cnt {
  width: 90%;
  margin: 0 auto;
  max-width: 2560px;
}

footer#footer .bread-crumb {
  position: relative;
  padding-top: 30px;
}
footer#footer .footer-bottom .bot::before {
  top: 0;
}
footer#footer .footer-cnt .bot::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #e0e0e0;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
}

footer#footer .bread-crumb li {
  float: left;
}

footer#footer .bread-crumb a {
  font-size: 13px;
  color: #6f6f6f;
  line-height: 30px;
}

footer#footer .bread-crumb b {
  font-size: 13px;
  color: #242728;
  text-decoration: underline;
  margin-left: 12px;
}

footer#footer .bread-crumb b::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 9px;
  background: url(../images/right-arrow.png) no-repeat;
  margin-right: 12px;
}
footer#footer .bread-crumb span {
  font-size: 13px;
  color: #6f6f6f;
  line-height: 30px;
}

footer#footer .footer-top {
  margin-top: 30px;
}

footer#footer .footer-top .cnt-wrap .l-box {
  width: 70%;
  float: left;
}
footer#footer .footer-top .cnt-wrap .l-box .bot {
  display: none;
}
footer#footer .footer-top .cnt-wrap .list {
  float: left;
  width: 25%;
  text-align: left;
}
footer#footer .footer-top .cnt-wrap .list-right {
  text-align: left;
  float: left;
}
footer#footer .footer-top .cnt-wrap .list-right .list-h3,
footer#footer .footer-top .cnt-wrap .list .list-h3 {
  font-size: 16px;
  color: #242728;
  line-height: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
footer#footer .footer-top .cnt-wrap .list-right li,
footer#footer .footer-top .cnt-wrap .list li {
  margin-bottom: 8px;
}
footer#footer .footer-top .cnt-wrap .list-right li a,
footer#footer .footer-top .cnt-wrap .list li a {
  font-size: 14px;
  color: #6f6f6f;
  display: inline-block;
  line-height: 15px;
  padding-right: 10px;
  position: relative;
}
footer#footer .footer-top .cnt-wrap .list-right li a b,
footer#footer .footer-top .cnt-wrap .list li a b {
  color: #6f6f6f;
  font-weight: 100 !important;
}
footer#footer .footer-top .cnt-wrap .list-right li a svg,
footer#footer .footer-top .cnt-wrap .list li a svg {
  display: none;
  width: 12px;
  height: 12px;
  transform: translateY(2px);
  margin-left: 5px;
}

footer#footer .footer-top .cnt-wrap .r-box {
  width: 380px;
  /*float: right;*/
  text-align: left;
}

footer#footer .footer-top .cnt-wrap .right-line {
  float: left;
  width: 1px;
  height: 166px;
  background: #e0e0e0;
}

footer#footer .footer-top .cnt-wrap .follow-us .follow-us-h3 {
  font-size: 16px;
  color: #242728;
  line-height: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

footer#footer .footer-top .cnt-wrap .list li a.Facebook-icon,
footer#footer .footer-top .cnt-wrap .list li a.Twitter-icon,
footer#footer .footer-top .cnt-wrap .list li a.Instagram-icon,
footer#footer .footer-top .cnt-wrap .list li a.Youtube-icon {
  display: block;
  float: left;
  width: 30px;
  height: 25px;
  margin-right: 20px;
}
footer#footer .footer-top .cnt-wrap .list li a.Facebook-icon {
  background: url(../images/facebook.png) no-repeat;
}
footer#footer .footer-top .cnt-wrap .list li a.Twitter-icon {
  background: url(../images/Twitter.png) no-repeat;
}
footer#footer .footer-top .cnt-wrap .list li a.Instagram-icon {
  background: url(../images/Instagram.png) no-repeat;
}
footer#footer .footer-top .cnt-wrap .list li a.Youtube-icon {
  background: url(../images/YouTube.png) no-repeat;
}

footer#footer .huawei-v3 .footer-bottom {
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
}

footer#footer .footer-bottom {
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
}

footer#footer .footer-bottom .tnc-holder {
}
footer#footer .footer-bottom .tnc-holder ul {
  width: 100%;
  text-align: center;
}
footer#footer .footer-bottom .tnc-holder ul li {
  margin-right: 5px;
  margin-top: 7px;
  display: inline-block;
  *display: inline; /*IE7*/
  *zoom: 1; /*IE7*/
}
footer#footer .footer-bottom .tnc-holder ul li a.bank_card {
  display: block;
  float: left;
  width: auto;
  height: 25px;
  margin-right: 5px;
}
footer#footer .footer-bottom .tnc-holder ul li a.visa {
  /*background: url(../images/visa.png) no-repeat;*/
  background: url(../images/visa_pos_fc.png) no-repeat;
  background-size: cover;
  width: 40px;
}
footer#footer .footer-bottom .tnc-holder ul li a.master {
  /*background: url(../images/master.png) no-repeat;*/
  background: url(../images/mc_acc_opt_70_1x.png) no-repeat;
  background-size: cover;
  width: 40px;
}
footer#footer .footer-bottom .tnc-holder ul li a.maestro {
  /*background: url(../images/maestro.png) no-repeat;*/
  background: url(../images/ms_acc_opt_70_1x.png) no-repeat;
  background-size: cover;
  width: 40px;
}
footer#footer .footer-bottom .tnc-holder ul li a.dina {
  /*background: url(../images/dina.png) no-repeat;*/
  background: url(../images/DinaCard.png) no-repeat;
  background-size: cover;
  width: 47px;
}
footer#footer .footer-bottom .tnc-holder ul li a.intesa {
  /*background: url(../images/komercionalna-banka.png) no-repeat;*/
  background: url(../images/logo_intesa.png) no-repeat;
  width: 135px;
  background-size: contain;
}
footer#footer .footer-bottom .tnc-holder ul li a.wspay {
  /*background: url(../images/komercionalna-banka.png) no-repeat;*/
  background: url(../images/wsPayWebSecureLogo-118x50-transparent.png) no-repeat;
  width: 59px;
  height: 25px;
  background-size: cover;
}
footer#footer .footer-bottom .tnc-holder ul li a.raiffeisen {
  background: url(../images/raiffeisen.png) no-repeat;
  width: 90px;
}
footer#footer .footer-bottom .tnc-holder ul li a.ips {
  background: url(../images/ips-verification.png) no-repeat;
  width: 33px;
}
footer#footer .footer-bottom .tnc-holder ul li a.verified-visa {
  background: url(../images/visa-secure.png) no-repeat;
  width: 25px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
footer#footer .footer-bottom .tnc-holder ul li a.secure-code {
  background: url(../images/mastercard-identity-check.png) no-repeat;
  width: 25px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
footer#footer .footer-bottom .tnc-holder ul li a.etrustmark {
  /*background: url(../images/trastmark.png) no-repeat;*/
  background: url(../images/AMERICAN_EXPRESS_BLUEBOX.png) no-repeat;
  width: 35px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left top;
}

.center-language {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 983px) {
  .center-language {
    display: flex;
    justify-content: left;
  }
}

footer#footer .footer-bottom h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #000000;
}

/***************************** FOOTER END HERE ***************************/

/************************ 4 ICONS ****************************/

section.four-icons .icon-container img {
  position: relative;
  margin: 0px auto;
  display: block;
  max-height: 52px;
}
section.four-icons .icon-container h2 {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #6f6f6f;
  margin-top: 30px;
}
section.four-icons .icon-container p a,
section.four-icons .icon-container p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #6f6f6f;
  margin-top: 15px;
}
/************************ 4 ICONS END****************************/

/************************ ITEMS START****************************/

section.products-section h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 44px;
  line-height: 52px;
  text-align: center;
  color: #000000;
}

section.products-section h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  color: #000000;
}

section.products-section h3.underline {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-right: -10px;
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}

section.products-section h4.underline {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-right: -10px;
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}
section.products-section .product-item .product-wrap {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}

section.products-section .product-item .product-wrap a.info {
  border: 1px solid #d20a2c;
  box-sizing: border-box;
  border-radius: 100px;
  padding: 4px 15px;
  font-size: 14px;
  color: #d20a2c;
  line-height: 16px;
}
section.products-section .product-item .product-wrap a.gift {
  border: 1px solid #d20a2c;
  box-sizing: border-box;
  border-radius: 100px;
  padding: 4px 15px;
  font-size: 14px;
  color: #ffffff;
  background-color: #d20a2c;
  line-height: 16px;
}

section.products-section .product-item .product-wrap h3.title {
  font-size: 20px;
  max-height: 60px;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: normal;
  font-family: "PhilipsFont-Bold";
}

section.products-section .product-item .product-wrap img {
  height: 210px;
  width: auto;
}

section.products-section .product-item .product-wrap p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #1e1e1e;
}
section.products-section .product-item .product-wrap .borbot.bot {
  border: 1px solid #e5e5e5;
  margin-top: 15px;
  margin-bottom: 15px;
}
section.products-section .product-item .product-wrap h3.price {
  font-size: 21px;
  line-height: 34px;
  color: #d20a2c;
}

section.products-section .product-item .product-wrap .borright.bot {
  border: 1px solid #e5e5e5;
  transform: rotate(0deg);
  margin: 5px 15px 5px 15px;
}

section.products-section .product-item .product-wrap span {
  font-size: 14px;
  line-height: 16px;
  color: #6f6f6f;
  width: 100%;
}

section.products-section .product-item .product-wrap span.old {
  text-decoration: line-through;
}

section.products-section .product-item .product-wrap span.price {
  color: #d20a2c;
}
section.products-section .product-item .product-wrap a.more,
form.login button.reserve {
  font-size: 15px;
  line-height: 18px;
  color: #6f6f6f;
  margin: 0px auto;
  padding: 9px 20px;
  background-color: #ffffff;
  border-radius: 100px;
  border: 1px solid #6f6f6f;
  width: 120px;
  margin-bottom: 0px !important;
}

section.products-section .product-item .product-wrap a.more:hover,
form.login button.reserve:hover {
  color: #d20a2c;
  border: 1px solid #d20a2c;
}

section.products-section .product-item .product-wrap a.reservation {
  border: 1px solid #000000;
  border-radius: 100px;
  padding: 15px 30px 15px 30px;
  font-size: 14px;
  color: #000000;
  display: none;
}

section.products-section .product-item .product-wrap a.buy {
  background: #1e1e1e;
  border-radius: 100px;
  padding: 15px 30px 15px 30px;
  font-size: 14px;
  color: #ffffff;
  margin: 0px auto;
  width: 120px;
}

section.products-section .product-item .product-wrap a.buy:hover {
  background: #d20a2c;
  color: #ffffff;
}

/************************ ITEMS END****************************/

/************************ CATEGORY START****************************/

section.category .category-menu {
  width: 20%;
  padding: 20px;
}

section.category .category-items {
  width: 80%;
}
section.category .category-items .product-wrap {
  position: relative;
}
section.category .category-items .product-wrap .footer {
}
section.category .category-items .product-wrap .carousel-caption {
  position: relative;
  right: 0px;
  left: 0px;
}

section.category .category-items .product-item {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  width: 20%;
}
section.category .category-items .product-item .product-wrap {
  height: 100%;
}

section.category
  .category-items
  .product-item
  .product-wrap
  .carousel-item
  img {
  height: 210px;
  max-width: 100%;
}

section.category .category-items .product-item .product-wrap .head {
  display: inline-block;
  /*position: absolute;
    top: -12px;
    left: -16px;*/
  position: absolute;
  top: -16px;
  width: 100%;
  left: 0px;
  padding: 0px;
}

section.category .category-items .product-item .product-wrap .head a.new {
  background: #d20a2c;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 4px 19px;
}

section.products-section a.new {
  background: #d20a2c;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 4px 19px;
}

section.category .category-items .product-item .carousel.slide h5 {
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #000000;
}

section.category .category-items .product-wrap h3.title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 21px;
  color: #1e1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: normal;
}
section.category .category-items .product-wrap ul {
  margin: 20px 0px 0 0px;
  line-height: 19px;
  text-align: left;
  overflow: hidden;
}
section.category .category-items .product-wrap p.cut-price {
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: line-through;
  color: #bebebe;
}
section.category .category-items .product-wrap p.price {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #1e1e1e;
}

section.shoping-card button.code,
section.category .category-items .product-wrap a.buy {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: #0066A1;
  border-radius: 6px;
  padding: 5px 20px;
  border: none;
  font-family: "PhilipsFont-Regular";
}

section.shoping-card button.code {
  font-size: 11px;
}

section.category .category-items .product-wrap a.buy {
  width: 100%;
  text-align: center;
  display: inline-block;
}

section.shoping-card button.code {
  width: 100%;
  padding: 7px 20px;
}
section.shoping-card button.code:hover,
section.category .category-items .product-wrap a.buy:hover {
  background: #DE7510;
}

section.shoping-card .check-box-wrapper {
  height: 50px;
}

section.category .category-items .product-wrap form .form-checkbox {
  display: block;
  position: relative;
  padding-left: 21px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

section.category
  .category-items
  .product-wrap
  form
  .form-checkbox
  label.form-check-label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}

section.category .category-items .product-wrap form .form-checkbox input {
  color: rgb(120, 120, 120);
  border: none;
  border-bottom: 1px solid #b8b8b8;
  border-radius: 0;
  background: transparent;
  outline: 0;
}

section.category
  .category-items
  .product-wrap
  form
  .form-checkbox
  input.checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 20px;
  bottom: 4px;
  z-index: 999999999;
}
section.category .category-items .product-wrap form .form-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #d8d8d8;
  border-radius: 3px;
}

section.category
  .category-items
  .product-wrap
  form
  .form-checkbox
  input.checkbox:checked
  ~ .checkmark {
  background-color: #2196f3;
}

section.category
  .category-items
  .product-wrap
  form
  .form-checkbox
  input.checkbox:checked
  ~ .checkmark:after {
  display: block;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

section.category
  .category-items
  .product-wrap
  form
  .form-checkbox
  .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

section.category .category-items .product-wrap ul li {
  position: relative;
  padding-left: 10px;
}
section.category .category-items .product-wrap ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #242728;
  border-radius: 50%;
  position: absolute;
  margin-right: 2px;
  top: 6px;
  left: 0;
}

section.category .category-items .product-item .carousel-indicators li {
  content: "";
  position: relative;
  float: right;
  top: 50%;
  display: inline-block;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  border: 0px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacegrey {
  height: 12px;
  width: 12px;
  background-color: #a8a6a6;
  border-radius: 50%;
  background-position: center;
}
.spacegrey {
  background-color: #a8a6a6;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacegrey.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacegray {
  height: 12px;
  width: 12px;
  background-color: #a8a6a6;
  border-radius: 50%;
  background-position: center;
}
.spacegray {
  background-color: #a8a6a6;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacegray.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticblue {
  height: 12px;
  width: 12px;
  background-color: #0762ac;
  border-radius: 50%;
  background-position: center;
}
.mysticblue {
  background-color: #0762ac;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.starryblack {
  height: 12px;
  width: 12px;
  background-color: #000000;
  border-radius: 50%;
  background-position: center;
}
.starryblack {
  background-color: #000000;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.starryblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.midnightblack {
  height: 12px;
  width: 12px;
  background-color: #1e1e1e;
  border-radius: 50%;
  background-position: center;
}
.midnightblack {
  background-color: #1e1e1e;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.midnightblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.orchidblue {
  height: 12px;
  width: 12px;
  background-color: #1856dd;
  border-radius: 50%;
  background-position: center;
}
.orchidblue {
  background-color: #1856dd;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.orchidblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.breathingcrystal {
  height: 12px;
  width: 12px;
  background-color: #5ddaff;
  border-radius: 50%;
  background-position: center;
}
.breathingcrystal {
  background-color: #5ddaff;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.breathingcrystal.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.darkgreen {
  height: 12px;
  width: 12px;
  background-color: #486c6c;
  border-radius: 50%;
  background-position: center;
}
.darkgreen {
  background-color: #486c6c;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.darkgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.titaniumgrey {
  height: 12px;
  width: 12px;
  background-color: #486c6c;
  border-radius: 50%;
  background-position: center;
}
.titaniumgrey {
  background-color: #486c6c;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.titaniumgrey.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.transparent {
  height: 12px;
  width: 12px;
  background-color: #9b90b8;
  border-radius: 50%;
  background-position: center;
}
.transparent {
  background-color: #9b90b8;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.transparent.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.white {
  height: 12px;
  width: 12px;
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-color: #ffffff;
  border-radius: 50%;
  background-position: center;
  top: -1px;
}
.white {
  background-color: #ffffff;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.white.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category .category-items .product-item .carousel-indicators li.brown {
  height: 12px;
  width: 12px;
  background-color: #86603b;
  border-radius: 50%;
  background-position: center;
}
.brown {
  background-color: #86603b;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.brown.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.cocoagold {
  height: 12px;
  width: 12px;
  background-color: #887d78;
  border-radius: 50%;
  background-position: center;
}
.cocoagold {
  background-color: #887d78;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.cocoagold.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.black {
  height: 12px;
  width: 12px;
  background-color: #000000;
  border-radius: 50%;
  background-position: center;
}
.black {
  background-color: #000000;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.black.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.matcrna {
  height: 12px;
  width: 12px;
  background-color: #242625;
  border-radius: 50%;
  background-position: center;
}
.matcrna {
  background-color: #242625;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.matcrna.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.blue {
  height: 12px;
  width: 12px;
  background-color: #40426c;
  border-radius: 50%;
  background-position: center;
}
.blue {
  background-color: #40426c;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.blue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.gold {
  height: 12px;
  width: 12px;
  background-color: #d8c197;
  border-radius: 50%;
  background-position: center;
}
.gold {
  background-color: #d8c197;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.gold.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticsilver {
  height: 12px;
  width: 12px;
  background-color: #b0b0b0;
  border-radius: 50%;
  background-position: center;
}
.mysticsilver {
  background-color: #b0b0b0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticsilver.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.yellow {
  height: 12px;
  width: 12px;
  background-color: #e2d02a;
  border-radius: 50%;
  background-position: center;
}
.yellow {
  background-color: #e2d02a;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.yellow.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacesilver {
  height: 12px;
  width: 12px;
  background-color: #b0b0b0;
  border-radius: 50%;
  background-position: center;
}
.spacesilver {
  background-color: #b0b0b0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.spacesilver.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.silver {
  height: 12px;
  width: 12px;
  background-color: #b0b0b0;
  border-radius: 50%;
  background-position: center;
}
.silver {
  background-color: #b0b0b0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.silver.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.darkgray {
  height: 12px;
  width: 12px;
  background-color: #636363;
  border-radius: 50%;
  background-position: center;
}
.darkgray {
  background-color: #636363;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.darkgray.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.pink {
  height: 12px;
  width: 12px;
  background-color: #f1cbd3;
  border-radius: 50%;
  background-position: center;
}
.pink {
  background-color: #f1cbd3;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.pink.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.green {
  height: 12px;
  width: 12px;
  background-color: #c4eadd;
  border-radius: 50%;
  background-position: center;
}
.green {
  background-color: #c4eadd;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.green.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.forestgreen {
  height: 12px;
  width: 12px;
  background-color: #56c09b;
  border-radius: 50%;
  background-position: center;
}
.forestgreen {
  background-color: #56c09b;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.forestgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.saphireblue {
  height: 12px;
  width: 12px;
  background-color: #3a3e66;
  border-radius: 50%;
  background-position: center;
}
.saphireblue {
  background-color: #3a3e66;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.saphireblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.dazzlingblue {
  height: 12px;
  width: 12px;
  background-color: #93b4df;
  border-radius: 50%;
  background-position: center;
}
.dazzlingblue {
  background-color: #93b4df;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.dazzlingblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.prestigegold {
  height: 12px;
  width: 12px;
  background-color: #e5d4c2;
  border-radius: 50%;
  background-position: center;
}
.prestigegold {
  background-color: #e5d4c2;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.prestigegold.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.graphiteblack {
  height: 12px;
  width: 12px;
  background-color: #49494d;
  border-radius: 50%;
  background-position: center;
}
.graphiteblack {
  background-color: #49494d;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.graphiteblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.glaciergrey {
  height: 12px;
  width: 12px;
  background-color: #d4dbe1;
  border-radius: 50%;
  background-position: center;
}
.glaciergrey {
  background-color: #d4dbe1;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.glaciergrey.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.red {
  height: 12px;
  width: 12px;
  background-color: #fd2725;
  border-radius: 50%;
  background-position: center;
}
.red {
  background-color: #fd2725;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.red.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.tamnoplava {
  height: 12px;
  width: 12px;
  background-color: #344c69;
  border-radius: 50%;
  background-position: center;
}
.tamnoplava {
  background-color: #344c69;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.tamnoplava.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.gray {
  height: 12px;
  width: 12px;
  background-color: #a8a6a6;
  border-radius: 50%;
  background-position: center;
}
.gray {
  background-color: #a8a6a6;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.gray.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ambersunrise {
  height: 12px;
  width: 12px;
  background-color: #d02615;
  border-radius: 50%;
  background-position: center;
}
.ambersunrise {
  background-color: #d02615;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ambersunrise.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.coralred {
  height: 12px;
  width: 12px;
  background-color: #fd2725;
  border-radius: 50%;
  background-position: center;
}
.coralred {
  background-color: #fd2725;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.coralred.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.matteblack {
  height: 12px;
  width: 12px;
  background-color: #242625;
  border-radius: 50%;
  background-position: center;
}
.matteblack {
  background-color: #242625;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.matteblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category .category-items .product-item .carousel-indicators li.purple {
  height: 12px;
  width: 12px;
  background-color: #34164f;
  border-radius: 50%;
  background-position: center;
}
.purple {
  background-color: #34164f;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.purple.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.icewhite {
  height: 12px;
  width: 12px;
  background-color: #c1c5c9;
  border-radius: 50%;
  background-position: center;
}
.icewhite {
  background-color: #c1c5c9;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.icewhite.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.pearlwhite {
  height: 12px;
  width: 12px;
  background-color: #c1c5c9;
  border-radius: 50%;
  background-position: center;
}
.pearlwhite {
  background-color: #c1c5c9;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.pearlwhite.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-items .product-item .carousel-indicators li.orange {
  height: 12px;
  width: 12px;
  background-color: #ec7513;
  border-radius: 50%;
  background-position: center;
}
.orange {
  background-color: #ec7513;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.orange.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.cantaloupeorange {
  height: 12px;
  width: 12px;
  background-color: #ec7513;
  border-radius: 50%;
  background-position: center;
}
.cantaloupeorange {
  background-color: #ec7513;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.cantaloupeorange.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticsilver {
  height: 12px;
  width: 12px;
  background-color: #b0b0b0;
  border-radius: 50%;
  background-position: center;
}
.mysticsilver {
  background-color: #b0b0b0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mysticsilver.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.silverfrost {
  height: 12px;
  width: 12px;
  background-color: #b0b0b0;
  border-radius: 50%;
  background-position: center;
}
.silverfrost {
  background-color: #b0b0b0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.silverfrost.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.crushgreen {
  height: 12px;
  width: 12px;
  background-color: #c4eadd;
  border-radius: 50%;
  background-position: center;
}
.crushgreen {
  background-color: #c4eadd;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.crushgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.sprucegreen {
  height: 12px;
  width: 12px;
  background-color: #68aa93;
  border-radius: 50%;
  background-position: center;
}
.sprucegreen {
  background-color: #c4eadd;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.sprucegreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.sakurapink {
  height: 12px;
  width: 12px;
  background-color: #f1cbd3;
  border-radius: 50%;
  background-position: center;
}
.sakurapink {
  background-color: #f1cbd3;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.sakurapink.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.aurorablue {
  height: 12px;
  width: 12px;
  background-color: #1f3e64;
  border-radius: 50%;
  background-position: center;
}
.aurorablue {
  background-color: #344c69;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.aurorablue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.deepseablue {
  height: 12px;
  width: 12px;
  background-color: #11396b;
  border-radius: 50%;
  background-position: center;
}
.deepseablue {
  background-color: #11396b;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.deepseablue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mintgreen {
  height: 12px;
  width: 12px;
  background-color: #7ce7c2;
  border-radius: 50%;
  background-position: center;
}
.mintgreen {
  background-color: #7ce7c2;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.mintgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category .category-items .product-item .carousel-indicators li.lavared {
  height: 12px;
  width: 12px;
  background-color: #fd2725;
  border-radius: 50%;
  background-position: center;
}
.lavared {
  background-color: #fd2725;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.lavared.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ceramicblack {
  height: 12px;
  width: 12px;
  background-color: #000000;
  border-radius: 50%;
  background-position: center;
}
.ceramicblack {
  background-color: #000000;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ceramicblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.carbonblack {
  height: 12px;
  width: 12px;
  background-color: #000000;
  border-radius: 50%;
  background-position: center;
}
.carbonblack {
  background-color: #000000;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.carbonblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.refinedgold {
  height: 12px;
  width: 12px;
  background-color: #e5d4c2;
  border-radius: 50%;
  background-position: center;
}
.refinedgold {
  background-color: #e5d4c2;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.refinedgold.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ceramicwhite {
  height: 12px;
  width: 12px;
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-color: #e4e3e3;
  border-radius: 50%;
  background-position: center;
  top: -1px;
}
.ceramicwhite {
  background-color: #e4e3e3;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.ceramicwhite.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.dawnwhite {
  height: 12px;
  width: 12px;
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-color: #e4e3e3;
  border-radius: 50%;
  background-position: center;
  top: -1px;
}
.dawnwhite {
  background-color: #e4e3e3;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.dawnwhite.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.phantompurple {
  height: 12px;
  width: 12px;
  background-color: #34164f;
  border-radius: 50%;
  background-position: center;
}
.phantompurple {
  background-color: #34164f;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.phantompurple.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.emeraldgreen {
  height: 12px;
  width: 12px;
  background-color: #36d49d;
  border-radius: 50%;
  background-position: center;
}
.emeraldgreen {
  background-color: #36d49d;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.emeraldgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.phantomblue {
  height: 12px;
  width: 12px;
  background-color: #3a3e66;
  border-radius: 50%;
  background-position: center;
}
.phantomblue {
  background-color: #3a3e66;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.phantomblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.midnightgrey {
  height: 12px;
  width: 12px;
  background-color: #535455;
  border-radius: 50%;
  background-position: center;
}
.midnightgrey {
  background-color: #535455;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.midnightgrey.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.peacockblue {
  height: 12px;
  width: 12px;
  background-color: #3a3e66;
  border-radius: 50%;
  background-position: center;
}
.peacockblue {
  background-color: #3a3e66;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.peacockblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.interstellarblue {
  height: 12px;
  width: 12px;
  background-color: #3a3e66;
  border-radius: 50%;
  background-position: center;
}
.interstellarblue {
  background-color: #3a3e66;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.interstellarblue.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.nightblack {
  height: 12px;
  width: 12px;
  background-color: #1e1e1e;
  border-radius: 50%;
  background-position: center;
}
.nightblack {
  background-color: #1e1e1e;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.nightblack.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.nebulagray {
  height: 12px;
  width: 12px;
  background-color: #9199a0;
  border-radius: 50%;
  background-position: center;
}
.nebulagray {
  background-color: #9199a0;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.nebulagray.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.blushgold {
  height: 12px;
  width: 12px;
  background-color: #d8c197;
  border-radius: 50%;
  background-position: center;
}
.blushgold {
  background-color: #d8c197;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.blushgold.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.crushgreen {
  height: 12px;
  width: 12px;
  background-color: #78ddba;
  border-radius: 50%;
  background-position: center;
}
.crushgreen {
  background-color: #78ddba;
}
section.category
  .category-items
  .product-item
  .carousel-indicators
  li.crushgreen.active {
  border: 1px solid #fff;
  box-shadow: 0 0 1px #1e1e1e;
  background-position: center;
  border-radius: 100%;
  top: -1px;
}

section.category .category-menu ul li .products-wrap {
  display: none;
}

section.category .category-menu ul li a {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  flex: none;
  order: 0;
  padding: 15px 20px 15px 20px;
  width: 100%;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5;
}

section.category .category-menu ul li a:after {
  content: "";
  width: 19px;
  height: 16px;
  background: url(../images/plus-symbol-button.png) no-repeat;
  position: relative;
  float: right;
  top: 50%;
  display: inline-block;
  margin-top: 3px;
}

section.category .category-menu ul li a.active:after {
  background: url(../images/minus.png) no-repeat;
  top: 8px;
}

section.category .category-menu ul.submenu li a {
  border: 0px;
}

section.category .category-menu ul.submenu li a:after {
  background: url(../images/doct-regular.png) no-repeat;
  width: 14px;
  height: 14px;
  right: 3px;
}
section.category .category-menu ul.submenu li a.active:after {
  top: 0px;
  background: url(../images/doct-active.png) no-repeat;
  border: 1px solid;
  background-position: center;
  border-radius: 100%;
  width: 18px;
  height: 18px;
}

/************************ CATEGORY END HERE *******************************/


/************************ SEARCH AREA START HERE *******************************/

#search_area {
  margin: 0 auto;
  background-color: #f9f9f9;
  position: fixed;
  left: 0;
  top: 65px;
  width: 100%;
  height: 100vh;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 98;
}

#search_area .search_result {
  max-width: 1360px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0 30px;
}

#search_area .search_result .input_content {
  width: 732px;
  margin: 230px auto 0;
}

#search_area .icon_close {
  /*position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    right: -25px;
    cursor: pointer;
    display: inline-block;*/

  position: absolute;
  right: -25px;
  top: -40px;
  cursor: pointer;
  display: inline-grid;
}

#search_area .icon_close a {
  width: 32px;
  height: 32px;
}

#search_area .search_result .input_content .input_box {
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

#search_area .search_result .input_content .input_box label {
  display: block;
}

#search_area .search_result .input_content .input_box input {
  display: block;
  width: 90%;
  height: 40px;
  margin: 0 auto;
  border: 0;
  background: 0;
  font-size: 15px;
  color: #242728;
}

#search_area .search_result .input_content .input_box input:focus {
  outline-width: 0px;
}

#search_area .search_result .input_content .input_box .glass {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 12px;
  background: url(../images/Search.png) no-repeat;
}

#search_area .icon_public {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 25px;
  margin-right: 2px;
  text-indent: -9999px;
  background: url(public-v3/images/img_con_v27_base_public.png) no-repeat;
}

#search_area .search_result .input_content .input_box .arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

#search_area .search_result .input_content .input_box .arrow a {
  width: 25px;
  height: 25px;
  position: absolute;
  background: url(images/v3-icon.svg) no-repeat -248px -242px;
  top: 7px;
  left: 7px;
}

#search_area .search_result .input_content .input_box .arrow a.icon_disabled {
  background: url(../images/icon-long-arrow-right.png) no-repeat;
  cursor: default;
}

#search_area .search_result .input_content .hot_word p,
#search_area .suggested_result p {
  font-size: 13px;
  color: #9d9d9d;
  padding: 33px 0 23px 0;
  text-align: left;
}

#search_area .search_result .input_content .hot_word ul {
  line-height: normal;
  height: auto;
}

#search_area .search_result .input_content .hot_word ul li {
  float: none;
}

#search_area .search_result .input_content .hot_word ul li a,
#search_area .search_result .input_content .suggested_result li a {
  display: block;
  position: relative;
  padding-right: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: auto;
  text-align: left;
  margin-bottom: 10px;
}

#search_area .search_result .input_content .suggested_result li a {
  height: 120px;
}
#search_area
  .search_result
  .input_content
  .suggested_result
  li
  a
  .image-wrapper {
  float: left;
  width: 120px;
  height: 120px;
  max-height: 70px;
}
#search_area
  .search_result
  .input_content
  .suggested_result
  li
  a
  .image-wrapper
  img {
  display: block;
  margin: 0 auto;
  height: 100%;
  max-width: 120px;
}

#search_area .search_result .input_content .hot_word ul li a:hover,
#search_area .search_result .input_content .suggested_result li a:hover {
  background: #fff;
  border-radius: 8px;
}

#search_area .search_result .input_content .hot_word ul li a i {
  display: none;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(images/v3-icon.svg) no-repeat -317px -246px;
}

#search_area .search_result .input_content .hot_word ul li a span {
  font-size: 15px;
  color: #6f6f6f;
  display: inline-block;
  padding-left: 0;
}

/* #search_area .suggested_result {
    display: none;
} */

#search_area .search_result .input_content .suggested_result ul {
  height: auto;
}

#search_area .search_toast {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

#search_area .search_toast .toast_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  max-width: 280px;
  color: #000;
  background-color: #fff;
  border-radius: 12px;
  text-align: center;
  padding: 15px 60px;
  line-height: 16px;
  border: 1px solid #ccc;
}

section.search_section form.search {
  padding-top: 54px;
}
section.search_section form.search .search-input input {
  display: block;
  height: 45px;
  font-size: 15px;
  background: 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 0 50px;
  margin-left: 0px;
}

section.search_section form.search .search-input input:focus {
  border-color: unset;
}

section.search_section .search-shade {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(230, 230, 230, 0.5);
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
}
section.search_section .search-shade .search-masking .hot_word-v3,
section.search_section .search-shade .search-masking .suggested-v3 {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 4px;
  padding: 0 17px;
}
section.search_section .search-shade .search-masking .suggested-v3 p,
section.search_section .search-shade .search-masking .hot_word-v3 p {
  font-size: 13px;
  color: #9d9d9d;
  letter-spacing: 0.83px;
  padding-top: 24px;
  padding-bottom: 12px;
}
section.search_section .search-shade .search-masking .suggested-v3 ul {
  height: 250px;
  overflow-y: auto;
  padding-bottom: 5px;
}
section.search_section .search-shade .search-masking .suggested-v3 ul li a {
  margin-right: 10px;
}
section.search_section
  .search-shade
  .search-masking
  .suggested-v3
  ul
  li
  a
  span {
  font-size: 15px;
  color: #ccc;
  padding-left: 0;
  display: inline-block;
  line-height: 19px;
  letter-spacing: 1.2px;
}

section.search_section
  .search-shade
  .search-masking
  .suggested-v3
  ul
  li
  a
  span
  strong {
  font-weight: 400;
  color: #242728;
  letter-spacing: 0.96px;
}

section.search_section .search-shade .search-masking .hot_word-v3 ul li {
  padding-bottom: 10px;
}
section.search_section .search-shade .search-masking .suggested-v3 ul li a,
section.search_section .search-shade .search-masking .hot_word-v3 ul li a {
  position: relative;
  display: block;
  line-height: 20px;
  padding: 10px 15px;
}
section.search_section
  .search-shade
  .search-masking
  .suggested-v3
  ul
  li
  a:hover,
section.search_section
  .search-shade
  .search-masking
  .hot_word-v3
  ul
  li
  a:hover {
  background-color: #f2f2f2;
  border-radius: 8px;
}

section.search_section .search-shade .search-masking .hot_word-v3 ul li a span {
  font-size: 15px;
  color: #6f6f6f;
  letter-spacing: 0.96px;
  padding-left: 0;
  display: inline-block;
}

/* section.search_section .search-shade .search-masking .suggested-v3 {
    display: none;
} */

section.search_section .search-shade .search-masking .search-input-v3 {
  height: 45px;
  margin: 0 auto;
  position: relative;
}

section.search_section .search-shade .search-masking .search-input-v3 input {
  display: block;
  border: 0;
  height: 45px;
  font-size: 15px;
  background: #fff;
  border-radius: 8px;
  padding: 0 50px;
  margin-left: 0px;
}

.form-control:focus {
  box-shadow: none;
}

section.search_section form.search .search-input .icon-find,
section.search_section
  .search-shade
  .search-masking
  .search-input-v3
  .icon-find {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: 15px;
  background: url(../images/Search.png) no-repeat;
}
section.search_section form.search .search-input .icon-query.icon-disabled,
section.search_section
  .search-shade
  .search-masking
  .search-input-v3
  .icon-query.icon-disabled {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 12px;
  background: url(../images/icon-long-arrow-right.png) no-repeat;
  cursor: default;
}

section.search_section .result-area .tabs-tit {
  border-bottom: 1px solid #ccc;
  padding-top: 38px;
}

section.search_section .result-area .tabs-tit ul {
  margin: 0 auto;
}
section.search_section .result-area .tabs-tit ul li a {
  font-size: 15px;
  color: #6f6f6f;
  line-height: 40px;
  padding: 0 20px;
  display: block;
  letter-spacing: 0.89px;
}
section.search_section .result-area .tabs-tit ul li a.active {
  color: #242728;
  border-bottom: 1px solid #858383;
  font-weight: 700;
  letter-spacing: 0.89px;
}

section.search_section .result-area .tabs-con .result-count {
  font-size: 15px;
  color: #9d9d9d;
  padding: 30px 0;
  /*display: none;*/
}

section.search_section .result-area .tabs-con div#product,
section.search_section .result-area .tabs-con div#support,
section.search_section .result-area .tabs-con div#press {
  display: none;
}

section.search_section .result-area .tabs-con div#product.active,
section.search_section .result-area .tabs-con div#support.active,
section.search_section .result-area .tabs-con div#press.active {
  display: block;
}

section.search_section .result-area .tabs-con .pic-result-list li {
  margin-bottom: 56px;
}

section.search_section .result-area .tabs-con .pic-result-list li .left-con {
  float: left;
  width: 140px;
  height: 120px;
  max-height: 70px;
}
section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .left-con
  img {
  display: block;
  margin: 0 auto;
  height: 100%;
}

section.search_section .result-area .tabs-con .pic-result-list li .right-con {
  padding-left: 180px;
}

section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .con-tit {
  font-size: 18px;
  color: #242728;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 7px;
}

section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .con-tit
  a {
  color: #6f6f6f;
}
section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .link-v3
  a {
  font-size: 15px;
  color: #6f6f6f;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .link-v3
  a.learn-v3 {
  margin-right: 58px;
}

section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .link-v3
  a::after {
  display: block;
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/next.png) no-repeat center;
}

section.search_section
  .result-area
  .tabs-con
  .pic-result-list
  li
  .right-con
  .result-describe {
  font-size: 15px;
  color: #9d9d9d;
  line-height: 20px;
  margin-bottom: 15px;
}

section.search_section .result-area .tabs-con .result-list .press-time {
  font-size: 13px;
  color: #9d9d9d;
  letter-spacing: 0.72px;
  margin-bottom: 8px;
  display: none;
}
section.search_section
  .result-area
  .tabs-con
  .result-list.press-result
  .press-time {
  display: block;
}

section.search_section .result-area .tabs-con .result-list li .con-tit {
  font-size: 15px;
  color: #6f6f6f;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.83px;
}

section.search_section
  .result-area
  .tabs-con
  div#support.result-list
  li
  .con-tit-h5 {
  display: inline-block;
  line-height: 1.5;
  max-width: 100%;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: PhilipsFont-Bold;
  font-size: 20px;
  color: #242728;
  letter-spacing: 0.04px;
  text-align: left;
  border-bottom: 1px solid transparent;
}
.support-result .text-result-list li em {
  color: #ce202c;
}
section.search_section
  .result-area
  .tabs-con
  div#support.result-list
  li
  .con-tit-h5:hover {
  border-color: #404559;
  color: #242728;
}

section.search_section
  .result-area
  .tabs-con
  div#support.result-list
  li
  .result-describe {
  color: #000;
  line-height: 23px;
  font-size: 14px;
  letter-spacing: 0.07px;
  margin-bottom: 0;
  text-overflow: inherit;
  white-space: inherit;
  overflow: hidden;
}

section.search_section .result-area .tabs-con .result-list li .con-tit a {
  color: #6f6f6f;
}

section.search_section .result-area .tabs-con .result-list li .con-tit a:hover {
  color: #242728;
  text-decoration: underline;
}

section.search_section .result-area .tabs-con .result-list li .result-describe {
  font-size: 13px;
  color: #9d9d9d;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
section.search_section .result-area .tabs-con .result-list li .link-v3 a {
  font-size: 15px;
  color: #6f6f6f;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  li
  .link-v3
  a::after {
  display: block;
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/next.png) no-repeat center;
}

section.search_section .result-area .tabs-con .result-list .page-count-box {
  overflow: hidden;
  padding-top: 30px;
  margin: 0 auto;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .prev-page.icon-disabled,
section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .next-page.icon-disabled {
  opacity: 0.6;
  cursor: default;
}
section.search_section .result-area .tabs-con .result-list .page-count-box i {
  width: 25px;
  height: 30px;
  opacity: 0.6;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .prev-page {
  float: left;
  cursor: pointer;
  background: url(images/v3-icon.svg) no-repeat -404px -240px;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .next-page {
  float: right;
  cursor: pointer;
  background: url(images/v3-icon.svg) no-repeat -485px -240px;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .page-count {
  text-align: center;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .page-count
  span {
  font-size: 15px;
  color: #6f6f6f;
  display: inline-block;
  line-height: 35px;
  vertical-align: top;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .page-count
  span.current-page {
  color: #242728;
}

section.search_section
  .result-area
  .tabs-con
  .result-list
  .page-count-box
  .page-count
  .icon-separate {
  display: inline-block;
  background: url(images/v3-icon.svg) no-repeat -438px -241px;
}

/*************** SEARCH AREA END HERE **************/

/*************** LOGIN AREA START HERE **************/

#login-header {
  position: fixed;
  width: 100%;
  background: #e5e5e5;
  height: 66px;
  z-index: 150;
  top: 0;
}

#login-header .logo-wrap {
  position: relative;
  height: 66px;
}

section#login-content {
  min-height: 750px;
}

section#login-content h3 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #000000;
  padding: 40px 0px 80px 0px;
}
section#login-content h4 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
section#login-content .qr-code-wraper img {
  padding: 35px;
  background: #e5e5e5;
  border-radius: 8px;
}

section#login-content p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}
section#login-content .split-line {
  position: relative;
  border: 1px solid #cccccc;
}

form select,
form.login select,
form.login input {
  background: #e5e5e5;
  border-radius: 8px;
  border-color: #e5e5e5;
  height: 50px;
  width: 100%;
}
section.marketing form.login label {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
}

form.shoppingcard input.error {
  border-color: #d20a2c !important;
}

form.login input.error {
  border-color: #d20a2c;
}

form.login .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

form.login input::placeholder {
  font-size: 12px;
  line-height: 14px;
  font-family: "PhilipsFont-Regular";
  color: #7f7f7f;
}

form.login a small {
  font-size: 12px;
  line-height: 14px;
  color: #007dff;
}
form.login button.btn-primary {
  height: 42px;
  left: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  background: #000000;
  border-radius: 6px;
  border-color: #000000;
}
form.login button.btn-primary:focus {
  box-shadow: none;
}
form.login button.btn-primary:hover {
  background: #cccccc;
  border-color: #cccccc;
}
form.login .text-danger {
  margin-left: 20px;
  display: none;
}
form.login .text-danger.error {
  display: block;
}
form.login i.warning-icon {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 15px;
  cursor: pointer;
  z-index: 9999;
}

form.shoppingcard .text-danger {
  margin-left: 20px;
  display: none;
}
form.shoppingcard .text-danger-entity {
  margin-left: 20px;
  display: none;
}
form.shoppingcard .text-danger-address {
  margin-left: 20px;
  display: none;
}
form.shoppingcard .text-danger-other-address {
  margin-left: 20px;
  display: none;
}
form.shoppingcard .text-danger.error {
  display: block;
}
form.shoppingcard .text-danger-entity.error {
  display: block;
}

form.shoppingcard .text-danger-address.error {
  display: block;
}

form.shoppingcard .text-danger-other-address.error {
  display: block;
}
form.shoppingcard i.shoppingcard-custom-icon {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 5px;
  cursor: pointer;
  z-index: 9999;
}

i.password-hidden {
  background: url(../images/password_hidden.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 0;
  cursor: pointer;
  z-index: 99;
}
i.icon-successful {
  width: 30px;
  height: 30px;
  left: 10px;
  top: 22px;
  display: inline-block;
  position: absolute;
  background: url(../images/check_24px.png) no-repeat;
  margin-left: 10px;
  cursor: pointer;
}

i.info_icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  background: url(../images/info_icon.png) no-repeat;
  top: 13px;
  margin-left: 10px;
  cursor: pointer;
}

i.email_icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  background: url(../images/email_icon.png) no-repeat;
  top: 13px;
  margin-left: 10px;
  cursor: pointer;
}

i.icon-settings,
i.icon-order,
i.icon-login,
i.icon-next {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
}
i.icon-settings {
  background: url(../images/icon_settings.png) no-repeat;
  left: 10px;
  top: 10px;
}
i.icon-order {
  background: url(../images/icon_order.png) no-repeat;
  left: 10px;
  top: 10px;
}
i.icon-login {
  background: url(../images/icon_sign-out.png) no-repeat;
  left: 10px;
  top: 10px;
}
i.icon-next {
  background: url(../images/icon_next.png) no-repeat;
  right: 0px;
}

i.info_icon:hover + span.tooltiptext {
  display: block;
}

i.email_icon:hover + span.tooltiptext {
  display: block;
}

.tooltip-wraper {
  position: relative;
}
span.tooltiptext {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 8px;
  position: absolute;
  padding: 15px 20px;
  left: 45px;
  width: 284px;
  display: none;
}
span.tooltiptext:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: #e5e5e5;
}
span.tooltiptext:after {
  content: "";
  display: block;
  position: absolute;
  left: -18px;
  width: 0;
  bottom: 31px;
  height: 0;
  border: 10px solid transparent;
  border-right-color: #ffffff;
}

i.mobile-icons,
i.mail-icons {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 10px;
  cursor: pointer;
}
i.mobile-icons {
  background: url(../images/mobile-icon.png) no-repeat;
}
i.mail-icons {
  background: url(../images/email_icon.png) no-repeat;
}

i.password-hidden.active {
  background: url(../images/password_show_new.png) no-repeat;
}

i.printer-icon {
  background: url(../images/printer-icon.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 10px;
  cursor: pointer;
  bottom: 1px;
}
i.successful {
  background: url(../images/success.png) no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 20px;
}

i.unsuccessful {
  background: url(../images/unsuccessful.png) no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 20px;
}

section#login-content ul li {
}
section#login-content ul.profile-menu {
}
section#login-content ul.profile-menu li {
}
section#login-content ul.profile-menu li a {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  line-height: 14px;
  align-items: center;
  color: #7f7f7f;
  position: relative;
  padding: 14px 46px;
  flex: none;
  order: 0;
  display: inline-block;
}

section#login-content ul.profile-menu li a.active {
  background: #e5e5e5;
  border-radius: 8px;
}

section#login-content ul li:last-child {
  border-right: none;
}

section#login-content ul li a {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  line-height: 14px;
}

section#login-content .social-buttons a.icon-google,
section#login-content .social-buttons a.icon-faceBook,
section#login-content .social-buttons a.icon-twitter {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

section#login-content .social-buttons a.icon-google {
  background: url(../images/google_icon.png) no-repeat;
}

section#login-content .social-buttons a.icon-faceBook {
  background: url(../images/facebook_icon.png) no-repeat;
}

section#login-content .social-buttons a.icon-twitter {
  background: url(../images/twitter_icon.png) no-repeat;
}

section#login-footer {
  background: #e5e5e5;
  height: 135px;
  width: 100%;
  bottom: 0px;
}

section#login-footer ul li {
  border-right: 1px solid #cccccc;
}

section#login-footer ul li:last-child {
  border-right: none;
}

section#login-footer ul li a {
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

button.cookies:hover,
section#login-footer ul li a:hover {
  color: #007dff;
}

button.cookies {
  border: 0px;
  background: 0px;
}

button.cookies:focus {
  border: 0px;
  outline: none;
}

.product.modal .modal-dialog {
  min-width: 590px;
}
.product.modal .card-body .text-wrapper {
  width: 80%;
}
.product.modal h3 {
  font-size: 34px;
  line-height: 40px;
  color: #171717;
  display: inline-block;
  width: auto;
}

.product.modal .icon_close {
  position: relative;
  float: right;
  z-index: 999;
  width: auto;
  display: inline-block;
}

.product.modal .bottom-divider {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0%;
  border: 1px solid #cccccc;
}

.product.modal span {
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-left: 10px;
}
.product.modal a.trasparent,
.product.modal a.black {
  padding: 9px 10px;
}

.product.modal .modal-dialog .image-wrapper {
  max-width: 100px;
}

.product.modal h4 {
  font-size: 18px;
  line-height: 21px;
  color: #050505;
}

div#cookies .modal-dialog {
  max-width: 590px;
}
div#cookies .modal-dialog .modal-body {
  margin: 64px 100px;
}
div#cookies .modal-dialog h3 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #000000;
}
div#cookies.modal-dialog ul li,
div#cookies.modal-dialog p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
a.trasparent-white,
button.trasparent,
a.black,
a.trasparent {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  padding: 9px 20px;
  border-radius: 6px;
  width: 100%;
  display: inline-block;
}
a.trasparent-white,
button.trasparent,
a.trasparent {
  color: #000000;
  border: 1px solid #000000;
}
button.trasparent:hover,
a.trasparent:hover {
  border: 1px solid #d20a2c;
  color: #d20a2c;
}
a.black {
  color: #ffffff;
  background-color: #de7510;
  border: 1px solid #6f3905;
}

a.black:hover {
  color: #de7510;
  border: 1px solid #de7510;
  background-color: #ffffff;
}

section#login-content div#registration-phone h3,
section#login-content div#registration-email h3 {
  padding: 40px 0px 30px 0px;
}

section#login-content div#registration-phone form,
section#login-content div#registration-email form {
  padding-top: 70px;
  max-width: 386px;
  margin: 0px auto;
}
section.shoping-card form select,
section#login-content form select {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

section#login-content div#registration-phone p,
section#login-content div#registration-email p {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
section#login-content div#registration-phone,
section#login-content div#registration-email {
}

section#login-content div#registration-phone.active,
section#login-content div#registration-email.active {
}

/*************** LOGIN AREA END HERE **************/

/*************** SHOPING CARD START HERE ***********/

section.shoping-card .cards-wrapper {
  background-color: #ffffff;
  /*padding: 0px;*/
}
section.shoping-card .card {
  border: 0px;
}
section.shoping-card .card-body {
  padding: 10px 10px 20px 10px;
}

section.shoping-card .card-body .image-wrapper {
  max-width: 120px;
  max-height: 140px;
}

section.shoping-card .card-body .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
section.shoping-card .card-body .icon_close {
  position: relative;
  float: right;
  z-index: 99;
  width: auto;
  display: inline-block;
}
section.shoping-card .card-body {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #171717;
}
section.shoping-card .card-body .form-check label.form-check-label {
  font-size: 16px;
  margin-left: 35px;
  display: flex;
}
.popup i.fa.fa-info-circle {
  position: absolute;
  right: 10px;
}
section.shoping-card .card-body input.minus.btn {
  background: #DE7510;
  /* border-top-left-radius: 100px;
  border-bottom-left-radius: 100px; */
    var(--mdb-border-radius-pill) !important;

  height: 42px;
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  line-height: 0;
}
section.shoping-card .card-body input.plus.btn {
  background: #DE7510;
    var(--mdb-border-radius-pill) !important;

  height: 42px;
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  line-height: 0;
}
section.shoping-card .card-body input#quantity {
  background: #DE7510;
  border-radius: 50px;
  height: 42px;
  width: 90px;
  color: #ffffff;
  text-align: center;
  border: 0px;

}
section.shoping-card .card-body .text-wrapper {
  width: 80%;
}
section.shoping-card form span,
section.shoping-card .card-body .text-wrapper ul li span {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: #000000;
}
section.shoping-card form .form-checkbox-first input.checkbox {
  bottom: 0px;
}

form .form-checkbox-first input.checkbox section.card-report .bottom-divider {
  position: relative;
  left: -6%;
  right: 0%;
  width: 112%;
  padding: 0px;
  margin: 34px 0px 34px 0px;
  bottom: 0%;
  border: 1px solid #cccccc;
}

section.shoping-card .bottom-divider {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0%;
  border: 1px solid #cccccc;
}

section.shoping-card h3 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #171717;
  padding: 10px 0px 0px 10px;
}
section.shoping-card h3.discount {
  background: #0066A1;
  border-radius: 100px;
  color: #ffffff;
  padding: 5px 10px;
}

section.shoping-card form input.form-check-input {
  border: 1px solid #c4c4c4;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
}

section.shoping-card form input[type="radio"]:checked + label:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 16px;
  height: 16px;
  margin: 4px;
  background-color: #000000;
  content: "";
  border-radius: 100%;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ea;
}

section.shoping-card form input[type="radio"]:checked + label:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #c4c4c4;
  content: "";
  border-radius: 100%;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ea;
}

section.shoping-card form input.gray-input {
  background: #e5e5e5;
  border-radius: 8px;
  border-color: #e5e5e5;
  padding: 18px;
}

section.shoping-card form input.gray-input[type="email"],
section.shoping-card form input.gray-input[type="text"] {
  font-family: "PhilipsFont-Regular";
  font-size: 12px;
  line-height: 14px;
  color: #7f7f7f;
}

/*************** SHOPING CARD END HERE ***********/

/*************** BANNER SECTION START HERE ***********/

section.banner-section .banner-wrapper .carousel-caption {
  top: 0px;
  padding-top: 80px;
}

section.banner-section .banner-wrapper .carousel-caption h2 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #000000;
}
section.banner-section .banner-wrapper .carousel-caption p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
section.banner-section .banner-wrapper {
  position: relative;
}
section.banner-section .banner-wrapper .buttons-main-wrap {
  position: absolute;
  top: 0px;
  width: 50%;
  height: 100%;
  left: 25%;
  right: 25%;
}
section.banner-section .banner-wrapper .buttons-main-wrap .buttons-wraper-top {
  position: absolute;
  top: 0px;
  padding-top: 28px;
  left: 50%;
}
section.banner-section
  .banner-wrapper
  .buttons-main-wrap
  .buttons-wraper-bottom {
  position: absolute;
  bottom: 0px;
  padding-bottom: 28px;
  left: 50%;
}
section.banner-section
  .banner-wrapper
  .buttons-main-wrap
  .buttons-wraper-right {
  position: absolute;
  right: 0%;
  top: 50%;
}
section.banner-section .banner-wrapper .buttons-main-wrap .buttons-wraper-left {
  position: absolute;
  left: 0%;
  top: 50%;
}
section.banner-section
  .banner-wrapper
  .buttons-main-wrap
  .buttons-wraper-center {
  position: absolute;
  top: 50%;
  left: 50%;
}

/*************** BANNER SECTION END HERE ***********/

/**************** BUYING REPORT START HERE ************/

section.card-report h2 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}

section.card-report h3 {
  font-family: "PhilipsFont-Bold";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}

section.card-report a {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  position: relative;
}

section.card-report .cards-wrapper .message {
  border: 1px solid #7f7f7f;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 60px;
  position: relative;
}
section.card-report .cards-wrapper .items p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  font-size: 14px;
  max-width: 365px;
  line-height: 16px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
}

section.card-report .cards-wrapper .items ul li {
  border-bottom: 1px solid #cccccc;
}

section.card-report .cards-wrapper .info {
  border-bottom: 1px solid #cccccc;
}
section.card-report .cards-wrapper .info p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
section.card-report .cards-wrapper .message p.error {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #d20a2c;
}
/* .shop-bag a {
padding-left: 1rem;
} */

section.card-report a.black {
  color: #ffffff;
}

section.marketing h2 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 44px;
  line-height: 52px;
  color: #000000;
}

section.marketing p {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  color: #1e1e1e;
}

div.clock .clock-background {
  border: 2px solid #333;
  justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
}
div.clock span.l1-txt2 {
  font-size: 70px;
  color: #333;
  line-height: 1;
}

.l1-txt3 {
  font-size: 16px;
  color: #333;
  line-height: 1;
}
div.clock .counter-text {
  font-size: 70px;
  letter-spacing: 5px;
  line-height: 45px;
  text-align: center;
  background: #fafafa;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 18px;
  padding-right: 18px;
}
div.clock .counter-text span {
  height: 88px;
  color: #333;
}

section.marketing .borbot.bot {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 48px;
  margin-top: 48px;
  margin-left: -15px;
  margin-right: -26px;
}

section.marketing .promotion .promotion-header img.promotion-main-image {
  width: 100%;
}

section.marketing .promotion .promotion-header,
section.marketing .promotion .promotion-body {
  background-color: #ffffff;
}

section.marketing .promotion .promotion-body h3 {
  font-family: "PhilipsFont-Regular";
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
}

section.marketing .promotion .promotion-body .action-run {
  color: #d20a2c;
}
section.marketing .promotion .promotion-body .action-start {
  color: #10dfaf;
}
section.marketing .promotion .promotion-body .action-end {
  color: #b2b2b2;
}

section.marketing .promotion .promotion-body p {
  font-family: Huawei Font;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #999999;
}
a.no-clickable {
  pointer-events: none;
  background: rgb(30, 30, 30, 0.2) !important;
}
button.no-clickable {
  pointer-events: none;
  background: rgb(30, 30, 30, 0.2) !important;
}
/**************** BUYING REPORT END HERE ************/

/*************** KORPA RATE START HERE **************/

.product-price-web-contant {
  float: right;
  width: auto;
}

.web-wrap-product-details {
  width: auto;
  float: left;
}

.month-credit {
  color: rgba(0, 0, 0, 0.8);
  width: 180px;
  text-align: right;
  height: auto;
  float: right;
  padding-bottom: 18px;
}

.month-credit-price {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 1px;
  text-align: right;
}

.month-credit-price span {
  display: inline-block;
}

.web-credit-details {
  margin-top: 7px;
  font-size: 14px;
  color: rgba(82, 162, 228);
  text-align: right;
}

.web-credit-details a {
  text-decoration: underline;
  color: rgba(82, 162, 228);
}

.web-credit-details .web-credit-link {
  margin-left: 5px;
}

.vertical-line {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  height: 115px;
  float: left;
  margin-left: 9px;
  margin-right: 9px;
}

.full-product-price {
  width: auto !important;
  height: auto;
  float: right;
}

.price-wrap-product-details.right.web-product-details {
  width: auto;
}
.right {
  float: right;
}
.price-wrap-product-details {
  width: 50%;
  box-sizing: border-box;
}

.price-wrap-product-details {
  text-align: right;
  position: relative;
}

.price-wrap-product-details .old-price {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  line-height: 20px;
  height: 20px;
}

.old-price {
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
  text-align: right;
  margin-right: 18px;
  margin-top: 5px;
}

.price-wrap-product-details .savings {
  font-size: 15px;
  height: 34px;
}

.price-wrap-product-details > div {
  margin-right: 0;
}

.savings {
  font-size: 12px;
  color: #fe6732;
  text-align: right;
  margin: 2px 18px 0 0;
}

.free-delivery {
  font-weight: 900;
  font-size: 14px;
  text-align: right;
  margin-right: 18px;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: 1.5px;
  margin-top: 2px;
  height: 18px;
}

.price-description.js-custom-popover {
  position: relative !important;
}

.price-wrap-product-details .free-delivery {
  font-size: 18px;
  margin-bottom: 23px;
}

.full-product-price.with-web-credit
  .price-wrap-product-details.right.web-product-details
  .free-delivery,
.full-product-price.with-web-credit
  .price-wrap-product-details.right.web-product-details
  .old-price,
.full-product-price.with-web-credit
  .price-wrap-product-details.right.web-product-details
  .price,
.full-product-price.with-web-credit
  .price-wrap-product-details.right.web-product-details
  .savings {
  text-align: left;
}

.modal-dialog {
  padding: 0 35px 10px;
  margin-bottom: 120px;
  max-width: 625px;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px 35px 35px 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

#web-credit-popup .modal-header {
  border-bottom: 1px solid #fac50f;
  height: 60px;
  margin-left: 15px;
}

#web-credit-popup h5.modal-title {
  font-size: 20px;
}

button.close-web-credit-popup {
  font-size: 31px;
  background: #fff;
  border: none;
  top: 43px;
  position: absolute;
  right: 40px;
}

#web-credit-popup .modal-body {
  padding-top: 15px;
  margin-left: 15px;
}

#web-credit-popup .images {
  height: 270px;
}

#web-credit-popup .image-text1,
#web-credit-popup .image-text2,
#web-credit-popup .image-text3 {
  width: 33%;
  float: left;
}

#web-credit-popup .text1-description,
#web-credit-popup .text2-description {
  width: auto;
  padding-left: 32px;
  padding-right: 32px;
}

#web-credit-popup .image-text1 span,
#web-credit-popup .image-text2 span,
#web-credit-popup .image-text3 span {
  font-size: 12px;
}

#web-credit-popup .modal-footer {
  padding-bottom: 20px;
}

/*************** KORPA RATE END HERE **************/

/*************** RESPONSIVE START *****************/

@media only screen and (min-width: 1920px) {
  section.slider #huaweiHomeCarousel ol {
    position: absolute;
    left: 279px;
    bottom: 50px;
    z-index: 97;
    display: flex;
    right: unset;
  }
  section.slider #huaweiHomeCarousel ol li {
    width: 8px;
    height: 8px;
    background-color: black;
  }

  button.newsletter-btn-base {
    width: 120px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    transition: all 0.6s;
    background: transparent;
    margin-top: 17px;
    margin-bottom: 17px;
    letter-spacing: 0.03px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    outline: none;
  }
  button.newsletter-btn-base span {
    max-width: 100%;
    padding: 0 17px;
    display: block;
    color: #000;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1289px) {
  .product-price-web-contant {
    width: auto;
  }
}

@media (max-width: 1680px) {
  #header .header-wrap .nav-wrap {
    margin-left: 15px;
  }
  #header .header-wrap .nav-wrap ul li {
    margin-right: 15px;
  }
  #search_area .search_result {
    max-width: 1200px;
  }
}

@media (max-width: 1600px) {
  /*#header .header-wrap .nav-wrap ul li a {*/
  /*    font-size: 14px;*/
  /*}*/
}

@media (max-width: 1348px) {
  /*#header .header-wrap .nav-wrap {*/
  /*    margin-left: 0;*/
  /*    float: right;*/
  /*    width: 92%;*/
  /*}*/

  /*#header .header-wrap .left-box {*/
  /*    padding: 0 20px;*/
  /*    margin-left: 0;*/
  /*}*/
}

@media (max-width: 1520px) {
  /*#header .header-wrap .logo-wrap {*/
  /*    float: left;*/
  /*}*/
  /*#header .header-wrap .logo-wrap {*/
  /*    width: 40px;*/
  /*    height: 40px;*/
  /*    padding-top: 24px;*/
  /*}*/
  /*#header .header-wrap .logo-wrap .logo {*/
  /*    display: inline-block;*/
  /*    width: 40px;*/
  /*    height: 40px;*/
  /*    background: url(../images/small-logo-new.png) no-repeat;*/
  /*    position: absolute;*/
  /*    top: 12px;*/
  /*    left: 0;*/
  /*}*/
  /*#header .header-wrap .nav-wrap {*/
  /*    float: right;*/
  /*    width: calc(100% - 90px);*/
  /*}*/
  section.category .category-menu ul li a {
    font-size: 16px;
  }

  .buttons-wraper-first {
    right: 8%;
    bottom: 55px;
  }

  .buttons-wraper-second {
    right: 12%;
    bottom: 32px;
  }

  .buttons-wraper-third {
    right: 22%;
    bottom: 32px;
  }

  .buttons-wraper-fourth {
    right: 26%;
    bottom: 33px;
  }
}

@media screen and (max-width: 1410px) {
  footer#footer .footer-top .cnt-wrap .r-box {
    width: 320px;
  }

  #header .header-wrap .nav-wrap ul li a {
    font-size: 12px;
  }

  .buttons-wraper-first {
    right: 8%;
    bottom: 36px;
  }

  .buttons-wraper-second {
    right: 14%;
    bottom: 28px;
  }

  .buttons-wraper-third {
    right: 18%;
    bottom: 25px;
  }

  .buttons-wraper-fourth {
    right: 26%;
    bottom: 25px;
  }

  a.slider-button.trasparent-white,
  a.slider-button.trasparent,
  a.slider-button.black {
    text-align: center;
    height: 36px;
    line-height: 35px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 1348px) {
  #header .header-wrap .left-box {
    padding: 0 20px;
    margin-left: 0;
  }
  #header .header-wrap .right-box .shop-bag div#shop-bag {
    left: -277px;
  }
  #header .header-wrap .right-box .shop-bag div#shop-bag:after,
  #header .header-wrap .right-box .shop-bag div#shop-bag:before {
    left: 78%;
  }

  #header .header-wrap .left-box .botton-wrap {
    position: relative;
    display: none;
  }

  /*#header .header-wrap .logo-wrap {*/
  /*    width: 40px;*/
  /*    height: 40px;*/
  /*    padding-top: 24px;*/
  /*}*/

  /*#header .header-wrap .logo-wrap .logo {*/
  /*    display: inline-block;*/
  /*    width: 40px;*/
  /*    height: 40px;*/
  /*    background: url(../images/small-logo-new.png) no-repeat;*/
  /*    position: absolute;*/
  /*    top: 12px;*/
  /*    left: 0;*/
  /*}*/

  #header .header-wrap .nav-wrap .products-right .products-right-cnt {
    padding-left: 30px;
    width: 87%;
  }
  section.category .category-menu ul li a {
    font-size: 14px;
  }

  #search_area .search_result .input_content {
    width: 732px;
    margin: 230px auto 0;
  }

  section.products-section h2 {
    font-size: 22px;
    line-height: 32px;
  }

  section.products-section .product-item .product-wrap h3.title {
    font-size: 20px;
    line-height: 26px;
  }
}

@media screen and (max-width: 1248px) {
  section.category .category-menu ul li a {
    font-size: 12px;
  }
  /*#header .header-wrap .nav-wrap {*/
  /*    float: right;*/
  /*    width: calc(100% - 40px);*/
  /*}*/
  /*#header .header-wrap {*/
  /*    padding: 0px 2%;*/
  /*}*/
}
@media screen and (max-width: 1200px) {
  section.stores .padding-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .buttons-wraper-first {
    right: 8%;
    bottom: 28px;
  }

  .buttons-wraper-second {
    right: 14%;
    bottom: 28px;
  }

  .buttons-wraper-third {
    right: 18%;
    bottom: 20px;
  }

  .buttons-wraper-fourth {
    right: 17%;
    bottom: 18px;
  }
}

@media screen and (max-width: 1190px) {
  footer#footer .footer-top .cnt-wrap .r-box {
    width: 226px;
  }
  footer#footer .footer-top .cnt-wrap .right-line {
    margin: 0px 20px;
  }

  footer#footer .footer-top .cnt-wrap .list li a.Facebook-icon,
  footer#footer .footer-top .cnt-wrap .list li a.Twitter-icon,
  footer#footer .footer-top .cnt-wrap .list li a.Instagram-icon,
  footer#footer .footer-top .cnt-wrap .list li a.Youtube-icon {
    margin-right: 15px;
  }

  #header .header-wrap .nav-wrap ul li {
    margin-right: 8px;
  }

  #header .header-wrap .right-box .newsletter {
    top: 5px;
  }
}

@media (max-width: 1023px) {
  #search_area {
    z-index: 151;
  }
  #search_area .search_result ul {
    height: 385px !important;
    overflow-y: auto;
  }
  /*#header {*/
  /*    border-bottom: 0;*/
  /*    position: fixed;*/
  /*    top: 0;*/
  /*    overflow: hidden;*/
  /*    background: #fff;*/
  /*    display: none;*/
  /*}*/

  /*#header .header-wrap {*/
  /*    padding: 0 12.5%;*/
  /*    height: auto;*/
  /*    overflow-y: auto;*/
  /*}*/

  /*#header .header-wrap .logo-wrap {*/
  /*    display: none;*/
  /*}*/

  /*#header .header-wrap .nav-wrap {*/
  /*    width: 100%;*/
  /*    background: #fff;*/
  /*    display: none;*/
  /*    float: none;*/
  /*    padding-bottom: 66px;*/
  /*    z-index: 10;*/
  /*    overflow-x: hidden;*/
  /*}*/

  #header .header-wrap .nav-wrap ul li .products-wrap.active {
    border-bottom: 1px solid #999;
  }

  #header .header-wrap .left-box {
    float: none;
    width: auto;
    padding: 0;
    margin-left: 0;
    height: auto;
  }

  #header .header-wrap .nav-wrap .nav-cnt {
    float: none;
    height: auto;
    line-height: normal;
    padding-top: 40px;
    width: auto;
  }

  #header .header-wrap .nav-wrap .app-search {
    display: block;
    position: relative;
    border-bottom: 1px solid #6f6f6f;
    margin-top: 20px;
  }

  #header .header-wrap .nav-wrap .app-search a {
    display: block;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    padding-left: 30px;
    color: #6f6f6f;
  }

  #header .header-wrap .nav-wrap .app-search a svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  #header .header-wrap .nav-wrap ul li {
    float: none;
    margin-right: 0;
    margin-bottom: 17.5px;
  }

  #header .header-wrap .nav-wrap ul li a {
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    padding: 10px 11px 10px 0;
  }

  #header .header-wrap .nav-wrap ul li a::after {
    right: 0;
  }

  #header .header-wrap .nav-wrap ul.nav-cnt li.nav-list > a {
    width: inherit;
  }

  #header .header-wrap .nav-wrap ul li .products-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #999;
    margin-top: 10px;
    background-color: #fff;
  }

  #header .header-wrap .nav-wrap .products-left ul {
    display: inline-block;
  }

  #header .header-wrap .nav-wrap .products-left li {
    width: 47%;
    text-align: center;
    margin-right: 0;
    float: left;
    padding: 23px 0;
    margin-bottom: 5px;
  }

  #header .header-wrap .nav-wrap .products-left li a {
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    padding: 0;
  }

  #header .header-wrap .nav-wrap .products-left li a span {
    padding: 0;
    height: 45px;
    font-size: 12px;
    color: #242728;
    letter-spacing: 0;
    text-align: center;
    margin-top: 25px;
    line-height: 15px;
    overflow: hidden;
  }

  #header .header-wrap .nav-wrap ul li .products-wrap .products-cnt {
    padding: 0;
    width: 100%;
    height: auto;
    background: #fff;
  }

  #header .header-wrap .nav-wrap ul li .products-wrap .products-wrap-bd {
    padding-top: 0;
  }

  #header .header-wrap .nav-wrap ul li .products-wrap .close {
    display: none;
  }

  #header .header-wrap .nav-wrap .products-left {
    width: 100%;
  }

  #header .header-wrap .nav-wrap .products-left ul li {
    width: 47%;
    text-align: center;
    margin-right: 0;
    float: left;
    padding: 23px 5px;
    margin-bottom: 5px;
  }

  #header .header-wrap .nav-wrap .products-left ul li a img {
    margin: 0px auto;
    position: relative;
    display: block;
  }

  #header .header-wrap .bot {
    display: none;
  }

  #header .header-wrap .nav-wrap .products-left ul li.view-all {
    display: none;
  }
  #header .header-wrap .nav-wrap .products-right {
    margin-left: 0;
    width: 100%;
    margin-top: 0;
    line-height: 17px;
    padding-bottom: 20px;
  }
  #header .header-wrap .nav-wrap .products-right .right-line {
    display: none;
  }
  #header .header-wrap .nav-wrap ul li .products-wrap .products-cnt {
    position: static;
    padding-left: 0;
    width: auto;
    -webkit-transform: none;
    transform: none;
  }

  #header .header-wrap .nav-wrap .products-left .view-all-wrap {
    display: none !important;
  }

  #header .header-wrap .nav-wrap .products-left .app-view-wrap {
    padding: 0 20px;
    display: block;
    margin: -5px 0 50px 0;
  }

  #header .header-wrap .nav-wrap .products-left .app-view-wrap a {
    border: 1px solid #6f6f6f;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    color: #242728;
    letter-spacing: 1.65px;
  }

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #header
    .header-wrap
    .nav-wrap
    .products-right
    .products-right-cnt
    .products-h2 {
    font-size: 14px;
    color: #242728;
    text-align: left;
    line-height: 17px;
    margin-bottom: 17px;
  }
  #header .header-wrap .nav-wrap .products-right .products-right-cnt .bot-line {
    margin-top: 13px;
    margin-bottom: 14px;
    width: 11px;
  }

  #header .header-wrap .nav-wrap .products-right .products-right-cnt ul {
    padding-top: 0;
  }

  #header .header-wrap .nav-wrap .products-right .products-right-cnt ul li {
    margin-bottom: 5px;
  }

  #header .header-wrap .nav-wrap .products-right .products-right-cnt ul li a {
    display: block;
    height: 15px;
  }

  #header .header-wrap .nav-wrap .products-right .products-right-cnt ul li a b {
    float: left;
  }
  #header
    .header-wrap
    .nav-wrap
    .products-right
    .products-right-cnt
    ul
    li
    a::after {
    position: static;
    margin-left: 5px;
  }
  #header .header-wrap .right-box {
    display: none;
  }

  #mobile-header.app-nav {
    text-align: center;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 9999;
  }
  #mobile-header.app-nav .app-nav-wrap {
    height: 65px;
    padding: 0 5%;
    position: relative;
  }

  #mobile-header.app-nav .app-nav-icon {
    float: left;
    margin-top: 16px;
    width: 32px;
    height: 32px;
    display: block;
    padding: 0;
    position: relative;
  }

  #mobile-header.app-nav .app-nav-icon span {
    display: block;
    position: absolute;
    content: "";
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 24px;
    height: 2px;
    left: 4px;
    top: 8px;
    background: url(../images/mobile-button.svg);
  }

  #mobile-header.app-nav .app-nav-icon span:nth-child(2) {
    top: 15px;
  }
  #mobile-header.app-nav .app-nav-icon span:nth-child(3) {
    top: 22px;
  }
  #mobile-header.app-nav .app-nav-icon.clicked span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
  }
  #mobile-header.app-nav .app-nav-icon.clicked span:nth-child(2) {
    -webkit-transform: scale(0.05, 1);
    transform: scale(0.05, 1);
  }
  #mobile-header.app-nav .app-nav-icon.clicked span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
    transform: rotate(-45deg) translate(5px, -5px);
  }

  #mobile-header.app-nav .app-logo {
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  #mobile-header.app-nav .app-logo a {
    width: 136px;
    height: 34px;
    background: url(../images/logo.png) no-repeat;
    display: inline-block;
  }

  #mobile-header.app-nav .app-shop-bag,
  #mobile-header.app-nav .app-search-icon {
    float: right;
    margin-top: 17.5px;
    display: block;
  }

  #mobile-header.app-nav .app-shop-bag {
    position: relative;
    right: 20px;
  }

  #mobile-header.app-nav .app-shop-bag a {
    border: 0 none;
  }

  #mobile-header.app-nav .app-shop-bag a {
    /*width: 30px;*/
    height: auto;
    display: inline-block;
    line-height: 0;
    border-radius: 8px;
    padding-top: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  #mobile-header.app-nav .app-shop-bag a#myBtn {
    width: 30px;
    height: 26px;
    display: inline-block;
    line-height: 0;
    border-radius: 8px;
    padding-top: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  #mobile-header.app-nav .app-shop-bag p.amount {
    position: absolute;
    display: inline-block;
    top: 6px;
    margin-left: 5px;
  }
  .shop-bag-bnt .hsvg-cart {
    left: -1px;
    top: -1px;
    width: 32px;
    height: 32px;
  }
  .shop-bag-bnt.on .hsvg-close,
  .shop-bag-bnt .hsvg-cart {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in 0.2s, scale 0.2s ease-in 0.2s;
    transition: opacity 0.2s ease-in 0.2s, scale 0.2s ease-in 0.2s;
  }
  #mobile-header.app-nav .app-nav-wrap .bot {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    position: absolute;
    border-bottom: 1px solid rgba(111, 111, 111, 0.5);
    bottom: 0;
    left: -50%;
    right: -50%;
  }

  .carousel-indicators {
    display: block;
    position: absolute;
    width: 100%;
    bottom: calc(100vw / 750 * 20);
    margin: 0 auto;
    z-index: 99;
    text-align: center;
  }

  .carousel-indicators li {
    cursor: pointer;
    height: calc(100vw / 750 * 4);
    position: relative;
    border: 1px;
    display: inline-block;
    margin-right: calc(100vw / 750 * 26);
    background: rgba(255, 255, 255, 0.4);
  }

  #search_area .search_result .input_content {
    width: 100%;
    margin-top: 55px;
  }

  section.search_section form.search {
    padding-top: 42px;
  }

  section.search_section form.search .search-input input {
    margin: 0;
    padding: 0 35px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 32px;
  }
  section.search_section form.search .search-input .icon-find,
  section.search_section
    .search-shade
    .search-masking
    .search-input-v3
    .icon-find {
    top: 5px;
    left: 8px;
  }
  section.search_section form.search .search-input .icon-query.icon-disabled,
  section.search_section
    .search-shade
    .search-masking
    .search-input-v3
    .icon-query.icon-disabled {
    right: 11px;
    top: 3px;
  }

  section.search_section .result-area {
    padding: 0 10%;
  }
  section.search_section .result-area .tabs-tit {
    padding-top: 18px;
  }
  section.search_section .result-area .tabs-tit ul li {
    margin-right: 0;
    width: 33%;
    float: left;
  }
  section.search_section .result-area .tabs-tit ul li:nth-child(1) {
    text-align: left;
  }
  section.search_section .result-area .tabs-tit ul li:nth-child(2) {
    text-align: center;
  }
  section.search_section .result-area .tabs-tit ul li:nth-child(3) {
    text-align: right;
  }

  section.search_section .result-area .tabs-tit ul li a {
    margin-right: 0;
    font-size: 12px;
    line-height: 22px;
    padding: 0 8px;
    display: inline-block;
  }

  section.search_section .result-area .tabs-con .result-count {
    font-size: 12px;
    padding: 16px 0 20px;
  }

  section.search_section .result-area .tabs-con .pic-result-list li {
    margin-bottom: 37px;
    border: 0;
    padding: 0;
  }
  section.search_section .result-area .tabs-con .pic-result-list li .left-con {
    float: left;
    width: 85px;
    height: auto;
  }
  section.search_section
    .result-area
    .tabs-con
    .pic-result-list
    li
    .left-con
    img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  section.search_section .result-area .tabs-con .pic-result-list li .right-con {
    padding-left: 85px;
  }
  section.search_section
    .result-area
    .tabs-con
    .pic-result-list
    li
    .right-con
    .con-tit {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  section.search_section
    .result-area
    .tabs-con
    .pic-result-list
    li
    .right-con
    .result-describe {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
  }
  section.search_section
    .result-area
    .tabs-con
    .pic-result-list
    li
    .right-con
    .link-v3 {
    padding-top: 6px;
  }
  section.search_section .result-area .tabs-con .text-result-list li {
    padding: 15px 10px 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }
  section.search_section .result-area .tabs-con .text-result-list li .con-tit {
    font-size: 16px;
    line-height: 20px;
    word-break: break-word;
  }
  section.search_section
    .result-area
    .tabs-con
    .text-result-list
    li
    .result-describe {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
  }
  section.search_section .result-area .tabs-con .text-result-list li .link-v3 {
    padding-top: 5px;
  }
  section.search_section
    .result-area
    .tabs-con
    .text-result-list
    li
    .link-v3
    a {
    padding: 10px 20px 10px 0;
    display: inline-block;
  }
  section.search_section
    .result-area
    .tabs-con
    .result-list
    li
    .link-v3
    a::after {
    height: 39px;
  }

  section.search_section
    .result-area
    .tabs-con
    .result-list.support-result
    .result-count {
    padding: 16px 0 7px;
  }
  section.search_section .result-area .tabs-con .text-result-list ul {
    padding: 13px 0px 0px 0px;
  }

  section.search_section
    .result-area
    .tabs-con
    .support-result
    .text-result-list
    li:first-child {
    margin-top: 0;
  }

  section.search_section
    .result-area
    .tabs-con
    .support-result
    .text-result-list
    li {
    border-bottom: 0;
    padding: 0;
    margin: 8vw 0;
  }
  section.search_section .result-area .tabs-con .text-result-list li .con-tit {
    font-size: 16px;
    line-height: 20px;
    word-break: break-word;
  }
  section.search_section
    .result-area
    .tabs-con
    div#support.support-result
    li.vsearch-li
    .con-tit
    a {
    max-width: 100%;
    width: 100%;
  }

  section.search_section
    .result-area
    .tabs-con
    div#support.result-list
    li
    .con-tit-h5 {
    display: inline-block;
    line-height: 1.5;
    max-width: calc(100% - 34px);
    font-weight: bold;
    font-size: 16px;
    color: #3c425b;
  }
  section.search_section
    .result-area
    .tabs-con
    div#support.result-list
    li
    .result-describe {
    font-size: 14px;
    margin-top: 5px;
    line-height: 23px;
    letter-spacing: 0.07px;
    color: rgba(0, 0, 0, 0.5);
  }

  section.search_section
    .result-area
    .tabs-con
    .result-list.press-result
    .result-count {
    padding: 16px 0 7px;
  }
  section.search_section .result-area .tabs-con .result-list.press-result li {
    position: relative;
  }
  section.search_section .result-area .tabs-con .result-list.press-result li {
    padding: 15px 10px 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }
  section.search_section
    .result-area
    .tabs-con
    .result-list.press-result
    ul
    .press-time {
    font-size: 14px;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    right: 5px;
  }

  section.search_section .result-area .tabs-con .result-list li .con-tit a {
    color: #6f6f6f;
    font-family: "PhilipsFont-Bold";
  }

  section#login-content h3 {
    padding: 40px 0px 10px 0px;
  }

  section#login-content ul li {
    padding: 10px 10px;
  }

  section#login-content {
    min-height: 630px;
  }
  button.cookies {
    padding-left: 0px;
  }

  .product.modal a.trasparent,
  .product.modal a.black {
    font-size: 12px;
  }
}

@media screen and (min-width: 1520px) {
  #header .header-wrap .nav-wrap {
    float: right;
    /* width: calc(100% - 283px); */
    width: calc(100% - 180px);
  }
}
@media screen and (min-width: 1024px) {
  #header .header-wrap .nav-wrap {
    float: right;
    /*width: calc(100% - 283px);*/
    /*width: calc(100% - 180px);*/
  }
  /*#header .header-wrap .logo-wrap {*/
  /*    float: left;*/
  /*}*/
  #header .header-wrap .right-box {
    float: right;
  }

  #search_area .search_result .input_content {
    margin: 130px auto 0;
    position: relative;
  }

  #search_area .search_result .input_content .suggested_result ul {
    height: 385px;
    overflow-y: auto;
  }
  section.search_section .search-shade .search-masking {
    margin: 119px auto 0;
  }

  section.search_section .search-shade .search-masking .hot_word-v3,
  section.search_section .search-shade .search-masking .suggested-v3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  section.search_section
    .result-area
    .tabs-con
    .result-list
    .text-result-list
    li {
    margin-bottom: 47px;
  }
  section.search_section .result-area .tabs-con .result-list li .con-tit {
    margin-bottom: 7px;
  }
  section.search_section
    .result-area
    .tabs-con
    .result-list
    li
    .result-describe {
    margin-bottom: 13px;
  }

  section.search_section
    .result-area
    .tabs-con
    .result-list.support-result
    .result-count {
    letter-spacing: 0.89px;
    padding: 30px 0;
  }
}

@media (max-width: 1680px) and (min-width: 1024px) {
  #header .header-wrap .nav-wrap ul li {
    /*margin-right: 20px;*/
  }
}

@media only screen and (max-width: 1365px) and (min-width: 1023px) {
  button.newsletter-btn-base {
    width: calc(100vw / 1366 * 120);
    height: calc(100vw / 1366 * 30);
    text-align: center;
    display: inline-block;
    border: calc(100vw / 1366 * 1) solid rgba(0, 0, 0, 0.4);
    border-radius: calc(100vw / 1366 * 15);
    transition: all 0.6s;
    background: transparent;
    margin-top: calc(100vw / 1366 * 17);
    margin-bottom: calc(100vw / 1366 * 17);
    letter-spacing: calc(100vw / 1366 * 0.03);
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    outline: none;
  }
  button.newsletter-btn-base span {
    max-width: 100%;
    display: block;
    padding: 0 calc(100vw / 1366 * 17);
    box-sizing: border-box;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  #header .header-wrap .right-box .newsletter {
    margin-right: 10px;
  }
  #header .header-wrap .left-box {
    padding: 0 5px 0px 20px;
  }
  #header .header-wrap .right-box {
    margin-left: 0px;
  }
  #header .header-wrap .right-box .mini-account {
    margin-right: 15px;
  }

  #header .header-wrap .right-box .shop-bag {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1348px) and (min-width: 1201px) {
  #header .header-wrap .nav-wrap ul li {
    margin-right: 17px;
  }
}

@media screen and (max-width: 1340px) and (min-width: 1251px) {
  #header .header-wrap .nav-wrap {
    width: calc(100% - 70px);
  }
  #header .header-wrap .nav-wrap ul li {
    margin-right: 16px;
  }
}
@media (max-width: 1250px) and (min-width: 1024px) {
  #header .header-wrap .nav-wrap ul li a {
    font-size: 11px !important;
  }

  section.products-section .product-item .product-wrap a.info,
  section.products-section .product-item .product-wrap a.gift {
    font-size: 12px;
  }
}
@media (max-width: 1250px) and (min-width: 991px) {
  section.shoping-card button.code {
    font-size: 11px;
  }
}

@media screen and (max-width: 1100px) and (min-width: 1024px) {
  #header .header-wrap .nav-wrap {
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 1023px) {
  #header .mobile {
    display: block;
  }
  /*#header {*/
  /*    transition: top .7s ease-in-out;*/
  /*    -webkit-transition: top .7s ease-in-out;*/
  /*    -moz-transition: top .7s ease-in-out;*/
  /*    -ms-transition: top .7s ease-in-out;*/
  /*    -o-transition: top .7s ease-in-out;*/
  /*}*/
  section.products-section .product-item .product-wrap a.info {
    padding: 6px 15px;
    font-size: 7px;
    line-height: 12px;
  }
  section.products-section .product-item .product-wrap a.gift {
    padding: 6px 15px;
    font-size: 7px;
    line-height: 12px;
  }
}
@media screen and (max-width: 991px) {
  section.products-section .product-item .product-wrap h3.title {
    font-size: 24px;
  }
  section.products-section .product-item .product-wrap h3.price {
    font-size: 22px;
  }
  section.products-section .product-item .product-wrap span {
    font-size: 10px;
  }
  section.products-section .product-item .product-wrap a.reservation {
    padding: 15px 25px 15px 25px;
    font-size: 12px;
  }

  section.category .category-items,
  section.category .category-menu {
    width: 100%;
  }

  section.category .category-items .product-item {
    width: 50%;
  }
  section.category .category-items .product-item .carousel-indicators li {
    float: none;
  }

  section.category
    .category-items
    .product-item
    .carousel-inner
    .carousel-caption {
    margin-bottom: 15px;
  }
  section.stores .padding-center {
    padding-left: 5px;
    padding-right: 5px;
  }
  section.stores .right-separator::after {
    content: none;
  }

  footer#footer .footer-top {
    margin-top: 0;
    border-top: 0;
  }
  section.banner-section .banner-wrapper .carousel-caption h2 {
    font-size: 28px;
    line-height: 34px;
  }
  section.banner-section .banner-wrapper .carousel-caption p {
    font-size: 16px;
    line-height: 19px;
  }
  footer#footer .footer-top .cnt-wrap .l-box,
  footer#footer .footer-top .footer-top .cnt-wrap .follow-us,
  footer#footer .footer-top .footer-bottom,
  footer#footer .footer-top .cnt-wrap .r-box {
    padding: 27.5px 0;
  }

  footer#footer .footer-top .cnt-wrap .l-box {
    float: none;
    width: 100%;
    position: relative;
  }

  footer#footer .footer-top .cnt-wrap .list {
    float: none;
    width: 100%;
    position: relative;
  }

  footer#footer .footer-top .cnt-wrap .follow-us .follow-us-h3,
  footer#footer .footer-top .cnt-wrap .list .list-h3 {
    margin-bottom: 14px;
    position: relative;
    font-size: 14px;
  }

  footer#footer
    .footer-top
    .cnt-wrap
    .list
    .iparys_inherited.active
    .list-h3
    .arrow-icon,
  footer#footer
    .footer-top
    .cnt-wrap
    .list-right
    .iparys_inherited.active
    .list-h3
    .arrow-icon {
    background: url(../images/triangle_open.png) no-repeat;
  }

  footer#footer
    .footer-top
    .cnt-wrap
    .list
    .iparys_inherited
    .list-h3
    .arrow-icon,
  footer#footer
    .footer-top
    .cnt-wrap
    .list-right
    .iparys_inherited
    .list-h3
    .arrow-icon {
    width: 7px;
    height: 6px;
    display: inline-block;
    background: url(../images/triangle.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
  }

  footer#footer .footer-top .cnt-wrap .list ul {
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  footer#footer .footer-top .cnt-wrap .l-box .bot {
    display: block;
  }

  footer#footer .footer-top .cnt-wrap .right-line {
    display: none;
  }
  footer#footer
    .footer-top
    .cnt-wrap
    .r-box
    .footer-nav-list
    .iparys_inherited
    ul {
    display: none;
  }

  footer#footer .footer-top .cnt-wrap .list-right {
    float: none;
    width: 100%;
  }
  footer#footer .footer-top .cnt-wrap .r-box {
    float: none;
    width: 100%;
    position: relative;
  }

  footer#footer .footer-bottom {
    margin-top: 0px;
  }

  section.category .category-menu ul li a {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {

  #navigation .menu-level-1 > li{
    text-align: left;
  }

  #navigation .menu-level-2 {
    position: initial;
    transition: transform .3s ease-in;
    padding: 0;
    flex-direction: column;
  }

  #navigation .menu-level-1 > li > a,
  #navigation .menu-level-1 > li > a {
    width: auto;
    display: inline-block;
    left: 0px;
    padding-right: 0px
  }
  #navigation .menu-level-1 > li > a:hover,
  #navigation .menu-level-1 > li > a:focus {
    width: auto;
    display: inline-block;
    left: 0px;
  }
  #navigation .menu-level-1 > li.ext > .submenu-arrow {
    display: inline-block;
    padding-left: 30px;
  }
  #navigation .menu-level-1 > li.ext > a .submenu-arrow {
    display: none;
  }
  section.products-section .product-item .product-wrap a.gift,
  section.products-section .product-item .product-wrap a.info {
    padding: 4px 15px;
    font-size: 14px;
    line-height: 16px;
  }

  section.newsletter-section form.newsletter {
    max-width: 425px;
  }
  section.stores .padding-center {
    padding-left: 0px;
    padding-right: 0px;
  }

  section.stores .bottom-separator-mobile::after {
    content: "";
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
  }
  section.products-section .product-item {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 758px) {
  section.four-icons .icon-container img {
    max-height: 48px;
  }
  section.category
    .category-items
    .product-item
    .product-wrap
    .carousel-item
    img {
    max-width: 180px;
    max-height: 180px;
    padding: 20px 0px;
  }

  .product.modal h3 {
    font-size: 24px;
  }
  .product.modal .modal-dialog {
    min-width: unset;
  }
  section.four-icons .icon-container h2 {
    font-size: 18px;
    line-height: 21px;
  }
  section.four-icons .icon-container p {
    font-size: 14px;
    line-height: 16px;
  }

  section.category
    .category-items
    .product-item
    .carousel-inner
    .carousel-caption {
    position: relative;
    left: 0px;
    right: 0px;
    padding-top: 0px;
  }

  section.category .category-items .product-wrap ul {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
  section.category .category-items .product-wrap ul li {
    padding-left: 0px;
  }
  section.category .category-items .product-wrap ul li:before {
    content: none;
  }
}

@media screen and (max-width: 576px) {
  section.products-section .product-item .product-wrap a.gift,
  section.products-section .product-item .product-wrap a.info {
    padding: 4px 10px;
    font-size: 11px;
    line-height: 12px;
  }
  .product.modal .modal-dialog {
    top: 100px;
  }
  .modal-dialog {
    top: 100px;
  }
  #search_area .search_result .input_content .input_box input {
    padding-left: 20px;
  }
  section.shoping-card button.code {
    font-size: 12px;
  }
  .product.modal h3 {
    font-size: 16px;
  }
  .product.modal h4 {
    font-size: 14px;
  }
  section.shoping-card .card-body label.form-check-label {
    font-size: 14px;
  }
  section.newsletter-section form.newsletter .submit {
    margin-bottom: 25px;
    width: 100%;
    padding: 16px 25px;
  }
  .product.modal a.trasparent,
  .product.modal a.black {
    font-size: 10px;
    padding: 9px 0px;
    margin-top: 10px;
  }
  section.category
    .category-items
    .product-item
    .carousel-inner
    .carousel-caption {
    position: relative;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    padding-top: 0px;
  }
  section#login-footer ul li {
    width: 100%;
    border-right: 0px;
  }

  div#cookies .modal-dialog .modal-body {
    margin: 64px 40px;
  }

  section.products-section h4.underline,
  section.products-section h2 {
    margin: 0px 15px;
  }

  section.newsletter-section form.newsletter .form-checkbox-first,
  section.newsletter-section form.newsletter .form-checkbox-second {
    margin-left: 15px;
  }
  form.login .input-group-addon.tooltip-wraper {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 18px;
    margin-bottom: 0;
  }
  i.email_icon {
    top: 0px;
  }
  i.info_icon {
    top: 0px;
  }

  div.clock .counter-text {
    font-size: 50px;
    letter-spacing: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  div.clock span.l1-txt2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 420px) {
  div#cookies .modal-dialog .modal-body {
    margin: 36px 0px;
  }
  section.shoping-card .card-body label.form-check-label {
    font-size: 12px;
  }
  section.shoping-card form input.form-check-input {
    width: 24px;
    height: 24px;
  }

  section.category
    .category-items
    .product-item
    .product-wrap
    .carousel-item
    img {
    max-width: 120px;
    max-height: 120px;
    padding: 20px;
  }
}

[v-cloak] {
  display: none !important;
}
.login-custom-error {
  margin-left: 20px;
  color: #dc3545;
  display: block;
}

.login-custom-error-reg {
  padding-left: 20px;
  color: #dc3545;
  display: block;
  position: relative;
}

.login-custom-icon {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 15px;
  cursor: pointer;
  z-index: 9999;
}
.login-custom-icon-reg {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 0px;
  cursor: pointer;
  z-index: 9999;
}

.shoppingcard-custom-icon {
  background: url(../images/warning-icon-new.png) no-repeat;
  width: 30px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 5px;
  cursor: pointer;
  z-index: 9999;
}

.profilpanelhidden {
  display: none;
}

input.onstore:disabled {
  opacity: 0.6;
}
/***************** RESPONSIVE END *******************/

/**************** GRADOVI I ULICE ZA AUTOSELECT *****************/
.dropdown {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.dropdown-input,
.dropdown-selected {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid transparent;
  background: #edf2f7;
  line-height: 1.5em;
  outline: none;
  border-radius: 8px;
}
.dropdown-input:focus,
.dropdown-selected:hover {
  background: #ffff;
  border-color: #e2e8f0;
}
.dropdown-input::placeholder {
  opacity: 0.7;
}
.dropdown-selected {
  cursor: pointer;
}
.dropdown-list {
  position: absolute;
  width: 100%;
  max-height: 250px;
  margin-top: 4px;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 9;
}
.dropdown-list-search {
  position: absolute;
  width: 180px;
  max-height: 250px;
  margin-top: 4px;
  margin-left: -110px;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 9;
}
.dropdown-list-profile {
  position: absolute;
  width: 100%;
  max-height: 250px;
  margin-top: 50px;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 9;
}
.dropdown-item {
  display: flex;
  width: 100%;
  padding: 11px 16px;
  cursor: pointer;
}
.dropdown-item:hover {
  background: #edf2f7;
}

.grecaptcha-badge {
  visibility: hidden;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

body {
  top: 0px !important;
}

select#prevod {
  display: none !important;
}

div#google_translate_element2 {
  display: none !important;
}

body > .skiptranslate {
  display: none;
}

.spinner-blue {
  color: #0b5ed7;
}

.modal-open[style] {
  padding-right: 0px !important;
}