@import url('https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O369O359O365O369O358O376O326O364O353O327O/Chalet-LondonSixty.woff2');

@font-face {
  font-family: 'rh nrgy';
  src: url('https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O369O359O365O369O358O376O326O364O353O327O/Chalet-LondonSixty.woff2') format('woff2'),
       url('https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O369O359O365O369O358O376O326O364O353O327O/Chalet-LondonSixty.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'rh nrgy bold';
  src: url('https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O369O359O365O369O358O376O326O364O353O327O/Chalet-NewYorkSixty.woff2') format('woff2'),
       url('https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O369O359O365O369O358O376O326O364O353O327O/Chalet-NewYorkSixty.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 *** CSS Indexing ***
 * THEME DEFAULT CSS
 * PROPERTIES CSS
 * DEFAULT BUTTONS CSS
 * NOTIFICATION AREA CSS
 * HEADER AREA CSS
 * SHOPPING CART AREA CSS
 * MAIN MENU AREA CSS
 * SLIDER AREA CSS
 * HOME SECTION AREA CSS
 * PRODUCT GRID AREA CSS
 * FILTER SECTION AREA CSS
 * PRODUCT DETAIL AREA CSS
 * CHECKOUT AREA CSS 
 * FOOTER AREA CSS
**/ 

/*----------------------------------
--------- THEME DEFAULT CSS ---------
----------------------------------*/

:root
{
  --primary:#0B25F4;
  --primary-hover:#0A22D8;
  --primary_light:#3C51F2;
  --secondary:#e1e1e1;
  --info:#999;
  --white_bg:#fff;
  --black_bg:#181818;
  --gray:#b2b2b2;
  --text_white:#fff;
  --text_black:#000;
  --text_gray:#383838;
  --main-font:rh nrgy, Arial;
}

.aktuelles {
display:flex;
}

body
{
  font-family: var(--main-font);
  font-weight:normal;
  font-style:normal;
  font-size:13px;
  overflow-x:hidden;
  overflow-y:auto;
  color:#686868;
}

p
{
  font-size:14px;
  font-weight:normal;
  line-height:24px;
  color:#3e3e3e;
  margin-bottom:15px;
  font-family: rh nrgy, Arial;
}

h1,h2,h3,h4,h5,h6
{
,;  font-family: rh nrgy, Arial;
  color:#383838;
  margin-top:0;
  font-style:normal;
  font-weight:400;
}

.headline-rh
{
  font-family: rh nrgy bold, Arial;
  color:#000;
}

.font-size-05 
{
  font-size:0.5rem;
}

.font-size-06 
{
  font-size:0.6rem;
}

.font-size-07 
{
  font-size:0.7rem;
}

.font-size-50
{
  font-size:50%;
}

.font-size-200
{
  font-size:200%;
}

.img-h-70
{
  height:70%;
}

.img-wh-100
{
  width:100%;
  height:100%;
}

.img-w-150-h-100
{
  width:150%;
  height:100%;
}

.img-w-50
{
  width:50%;
}

.min-width-15
{
  min-width:15rem;
}

.black-bg
{
  background:var(--black_bg);
}

/*--------------------------------------
--------- THEME DEFAULT CSS END ---------
---------------------------------------*/

/*----------------------------
---------- PROPERTIES CSS ---------
----------------------------*/

option
{
  padding-left:10px;
  font-size:13px;
  background:#fff;
  border:0 solid #626262;
}

.sticky
{
  position:sticky;
  top:0;
  z-index:9998;
}

.nopadding
{
  padding-left:0!important;
  padding-right:0!important;
}

.align-middle
{
  text-align: center;
  margin: auto;

}

.center
{
  justify-content: center; 
  align-items: center;
}

.opacity
{
  opacity:0.5;
}

#scrollUp
{
  bottom:85px;
  cursor:pointer;
  display:none;
  font-size:20px;
  height:40px;
  line-height:44px;
  position:fixed;
  right:12px;
  text-align:center;
  width:40px;
  z-index:9999;
  background:var(--grey) none repeat scroll 0 0;
  color:var(--white);
}

#scrollUp:hover
{
  text-decoration:none;
  background:var(--primary) none repeat scroll 0 0;
  color:var(--white);
}

.loading-spinner::before
{
  content:'';
  height:100%;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  background-image:url(../../loading-spinner.gif);
  background-repeat:no-repeat;
  background-size:auto;
  background-position:top 30% center;
  background-color:rgba(255,255,255,0.8);
  z-index:9999;
}

/*--------------------------------------
--------- PROPERTIES CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- DEFAULT BUTTONS CSS ---------
---------------------------------------*/

a,.btn
{
  -webkit-transition:all .3s ease-out 0;
  -moz-transition:all .3s ease-out 0;
  -ms-transition:all .3s ease-out 0;
  -o-transition:all .3s ease-out 0;
  transition:all .3s ease-out 0;
}

a,button,input
{
  outline:medium none;
  color:#686868;
}

.btn-hover::before
{
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform:scaleX(0);
  z-index:-1;
  background:#003865 none repeat scroll 0 0;
}

.btn-primary 
{
  border-radius:35px;
  border-color:var(--primary);
  color:var(--text_white);
  background:var(--primary);
}

.btn-primary:hover 
{
  color:var(--text_white);
  background-color:var(--primary-hover);
  opacity:0.9;
}

.btn-secondary 
{
  border-radius:35px;
  border-color:var(--secondary);
  color:var(--text_black);
  background:var(--secondary);
}

.btn-secondary:hover 
{
  color:var(--text_white);
  opacity:0.9;
}

.btn-info 
{
  border-radius:35px;
font-size:12px;
  border-color:var(--info);
  color:var(--black);
  background:var(--text_white);
}

.btn-info:hover 
{
  color:#000;
  border-color:var(--secondary);
  background:var(--secondary);
}

.info-btn
{
  display:inline-block;
  border-radius:3px;
  color:var(--info);
  font-weight:600;
  background:var(--secondary);
  padding:2px;
}

.flexible-btn
{
  border-radius:5px;
  display:inline-block;
  font-weight:bold;
  line-height:1;
  padding:14px 40px 12px;
  text-transform:uppercase;
  z-index:9;
  border:1px solid var(--gray);
  color:var(--text_gray);
}

.flexible-btn:hover
{
  text-decoration:none;
  border:1px solid var(--gray);
  color:var(--text_white);
}

.default-btn
{
  background:transparent none repeat scroll 0 0;
  font-size:14px;
  line-height:1;
  padding:12px 36px 10px;
  text-transform:uppercase;
  transition:all .3s ease 0;
  border-radius:50px;
  width:auto;
  border:1px solid #ddd;
  color:var(--info);
}

/*--------------------------------------
-------- NOTIFICATION / COOKIE AREA CSS START --------
---------------------------------------*/

.notification-img-2
{
  background-image:url();
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  background:var(--white_bg);
  z-index:9999;
  border-bottom:1px solid var(--gray);
}

.notification-text
{
  font-size:.75rem;
  color:var(--gray);
}

.notification-button
{
  border-radius:50px;
  font-weight:bold;
  color:var(--secondary);
}

.notification-button-basket
{
  border-radius:50px;
  font-weight:bold;
  color:var(--secondary);
  margin-top: 1em;
  width:100%;
}

.notification-close-button
{
  border-radius:50px;
  font-weight:bold;
  border:medium none;
  padding:.1rem .2rem;
  cursor:pointer;
  background-color:#3b4764;
  color:#fff;
}

.notification-close-button:hover
{
  Text-truncade
  background-color:var(--secondary);
  color:#fff;
}

.notification-close-button > i
{
  font-size:1.5rem;
  vertical-align:middle;
}

.cookies
{
  bottom:2%;
  cursor:pointer;
  font-size:22px;
  height:40px;
  line-height:44px;
  position:fixed;
  left:15px;
  text-align:center;
  width:40px;
  z-index:9999;
  background-color:#fff;
  border-radius:50%;
  display: flex; 
  justify-content: center; 
  align-items: center;
  border:1px solid #181818;
}

/*--------------------------------------
--------- NOTIFICATION / COOKIE AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- HEADER AREA CSS START ---------
---------------------------------------*/

.header-wrapper
{
  color:var(--text_gray);
  background:var(--secondary);
}

.header i
{
  font-size:14px;
  padding-right:.5rem;
  vertical-align:middle;
  text-align:center;
}

.header a
{
  text-decoration:none;
}

.header a:hover
{
  text-decoration:none;
  color:var(--primary);
}

.header > li
{
  flex:1 0 auto;
  text-align:center;
  padding:1rem 10px;
  flex-grow:1;
  emptyborder-right:none;
  border-right:1px solid #e7e7e7;
  border-image:linear-gradient(transparent0%,transparent30%,#e7e7e730%,#e7e7e770%,transparent70%,transparent100%) 1 100%;
  -webkit-border-image:linear-gradient(transparent0%,transparent30%,#e7e7e730%,#e7e7e770%,transparent70%,transparent100%) 1 100%;
  border-left:0 none;
}

.header > li:first-child
{
  padding-left:15px;
}

.header > li:last-of-type
{
  border-right:0 none;
}

.header > li:empty
{
  flex-grow:0;
  border-right:0;
}

.voucher {
  width: 100%;
  background:var(--primary_light);
  display: flex;
  padding: 1em;
  box-sizing: border-box;
  align-items: center;
  color:var(--text_white);
}

.voucher-content {
  flex-grow: 1;
  margin-right: 1em;
  line-height: 1.4;
}

.voucher-close {
  flex-shrink: 0;
  padding: 0.125em 0.5em;
  border-radius: 4px;
  border:none;
  background:var(--white_bg);
  color:var(--primary_light);
  font-size: 1em;
  cursor: pointer;
}

.voucher-close:hover {
  color:var(--text_white);
  background:rgba(255,255,255,0.5);
}

.languageselectoption
{
  right:15px;
  opacity:0;
  padding:1.2rem;
  position:absolute;
  text-align:left;
  top:101%;
  transition:all .3s ease 0;
  visibility:hidden;
  width:80%;
  min-width:100px;
  z-index:99998;
  background-color:#fff;
  box-shadow:0 0 5px .08px rgba(0,0,0,0.05);
}

.languageselectoption li:last-child
{
  margin-bottom:0!important;
}

.myaccountoption
{
  left:0%;
  opacity:0;
  padding:1.2rem;
  position:absolute;
  text-align:left;
  top:100%;
  transition:all .3s ease 0;
  visibility:hidden;
  width:auto;
  min-width:100px;
  z-index:99998;
  background-color:#fff;
  box-shadow:0 0 5px .08px rgba(0,0,0,0.05);
}

.searchfield
{
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
  font-size:10px;
  padding:3px;
  border:1px solid #b4b5bc;
}

.searchfield input
{
  border:none;
  color:var(--info);
  height:30px;
  letter-spacing:1px;
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
}

.searchfield button
{
  border-image:none;
  border-style:solid none none;
  border-width:1px medium medium;
  cursor:pointer;
  letter-spacing:1px;
  text-transform:uppercase;
  height:30px;
  background-color:var(--secondary);
  color:#000;
  border:none;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
}

.searchfield button:hover
{
  border-image:none;
  border-style:solid none none;
  border-width:1px medium medium;
  cursor:pointer;
  letter-spacing:1px;
  text-transform:uppercase;
  height:30px;
  background-color:var(--primary);
  color:var(--white);
  border:none;
}

/*--------------------------------------
--------- HEADER AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- SHOPPING CART AREA CSS START ---------
---------------------------------------*/

.cart
{
  border-radius:5px;
  font-size:10px;
  padding:5px;
  border:2px solid #b4b5bc;
}

.cart button
{
  border-image:none;
  border-style:solid none none;
  border-width:1px medium medium;
  cursor:pointer;
  letter-spacing:1px;
  text-transform:uppercase;
  height:30px;
  background-color:transparent;
  border-color:currentcolor currentcolor currentcolor #a7a7a7;
  color:var(--info);
}

.cart button:hover
{
  border-image:none;
  border-style:solid none none;
  border-width:1px medium medium;
  cursor:pointer;
  letter-spacing:1px;
  text-transform:uppercase;
  height:30px;
  background-color:var(--secondary);
  color:var(--white);
  border-bottom-right-radius:5px;
  border-top-right-radius:5px;
}

.cart-button
{
background-color:#003865;
border: 0px solid #003865;
}

.cart-link
{
  font-size:12px;
}

.cart-link a
{
  font-weight:bold;
  text-transform:uppercase;
  vertical-align:middle;
  color:#!important;
}

.cart-link a:hover
{
  color:#fff!important;
}

.cart-link:hover > .cart-preview
{
  visibility:visible;
  opacity:0.98;
  top:115%;
}

.cart-link i
{
  font-size:20px;
  margin-right:4px;
  position:relative;
  top:-0px;
}

.user-link
{
  font-size:12px;
}

.user-link a
{
  font-weight:bold;
  vertical-align:middle;
  color:#383838!important;
}

.user-link a:hover
{
  color:#181818!important;
text-decoration:underline;
}

.user-link:hover > .cart-preview
{
  visibility:visible;
  opacity:0.98;
  top:115%;
}

.user-link-mobile {
width:100%;
}

.user-link i
{
  font-size:20px;
  margin-right:4px;
  position:relative;
  top:-0px;
}

.info-agb
{
color:#383838;
}

.info-agb:hover
{
color:#181818;
}

.cart-count
{
  border-radius:50px;
  font-size:10px;
  font-weight:bold;
  height:16px;
  line-height:16px;
  margin-left:2px;
  text-align:center;
  min-width:16px;
background-color:#000;
color:#fff;
  bottom:-25%;
  cursor:pointer;
  position:absolute;
 left:13px;
  text-align:center;
  z-index:9993;
display: flex; 
    justify-content: center; 
    align-items: center;
}

.cart-preview
{
  visibility:hidden;
  position:absolute;
  border-radius:6px;
  opacity:0;
  padding:20px 20px 20px;
  left:0%;
  top:90%;
  transition:all .3s ease 0;
  min-width:250px;
  z-index:99999;
  padding-top:0px;
padding-bottom:0px;
  background:#fff none repeat scroll 0 0;
  box-shadow:0 3px 10px rgba(0,0,0,0.2);
}

.cart-btn
{
  display:inline-block;
  font-weight:bold;
  letter-spacing:.5px;
  line-height:0.5;
  padding:10px 10px 10px;
  text-transform:uppercase;
}

.order-btn
{
  display:inline-block;
  font-weight:bold;
  letter-spacing:.5px;
  line-height:1;
  padding:12px 21px 10px;
  text-transform:uppercase;
  border:1px solid var(--info);
  color:#070b21;
}

.order-btn a
{
color:#000
}

.cart-delete
{
  display:flex;
  flex-grow:100;
  justify-content:flex-end;
}

.cart-title h5,.cart-title h6,.cart-title span
{
  font-size:10px;
  font-weight:bold;
  margin-bottom:5px;
  text-transform:capitalize;
  color:#383838;
}

.cart-title h5 a,.cart-title h6 a
{
  color:#383838;
}

.cart-delete > a
{
  font-size:18px;
  margin-top:18px;
  color:#070b21;
}

.cart-title > span
{
  display:block;
  margin:0px 0 0;
}

.cart-preview-order 
{
    background-color: #003865;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    color: #fff!important;
    position: relative;
}

.cart-preview-order:hover 
{
  background-color:#00223D;
color:#fff;
  cursor: pointer;
}

.invisible
{
opacity: 1.0;
height:20px;
}

/*--------------------------------------
--------- SHOPPING CART AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- MAIN MENU AREA CSS START ---------
---------------------------------------*/

.main-menu-flex
{
  display:flex;
}

.main-menu-title
{
  width:100%;
  text-align:center;
}

.submenu-entry-2
{
  text-align:left;
  border-bottom:1px solid #e7e7e7;
}

.submenu-title
{
  text-decoration:none;
  line-height:2;
  font-size:18px;
  font-weight:bold;
  margin-bottom:27px;
  padding-bottom:10px;
  position:relative;
  text-transform:uppercase;
  color:#383838;
   justify-content: center; 
    align-items: center;
}

.submenu-catalog-pic
{
  max-height:16px;
  object-fit:scale-down;
}

.submenu-title::before
{
  bottom:0;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  width:40px;
  background-color:#c6c6c6;
   justify-content: center; 
    align-items: center;
}

.thirdmenu-entry
{
  font-size:14px;
  text-transform:capitalize;
  font-weight:normal;
  color:#383838;
  background-color:transparent;
}

.sticker-new
{
  display:inline-block;
  font-size:10px;
  font-weight:bold;
  line-height:1;
  padding:4px 4px 3px;
  position:absolute;
  right:1.8rem;
  text-transform:uppercase;
  top:-1rem;
  background-color:#0B25F4;
  color:#fff;
}

.sticker-new::after
{
  content:"";
  height:0;
  left:3px;
  position:absolute;
  top:16px;
  width:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:7px solid #0B25F4;
}

.single-dropdown
{
  left:0;
  padding:1rem;
  position:absolute;
  text-align:left;
  top:110%;
  min-width:210px;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease 0;
  background-color:#fff;
  box-shadow:0 0 15px .08px rgba(0,0,0,0.15);
  margin-top:1px;
  font-size:14px;
  padding:10px;
  border:none;
}

.menu-hover:hover .single-dropdown
{
  opacity:1;
  top:100%;
  visibility:visible;
}

.mobile-menu .mean-nav ul.menu-overflow
{
  margin-top:15px;
  overflow-y:auto;
}

.electro-2-menu .mean-container a.meanmenu-reveal
{
left:0;
  top:-10%;
opacity:0.5;
}

.newsletter
{
  background-color:#fff;
	background: #000529; /* Old browsers */
	background: -moz-linear-gradient(top, #D1D2D6 0%, #E3E4E8 7%, #EDEEF4 22%, #F2F3FC 37%, #fff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #D1D2D6 0%, #E3E4E8 7%, #EDEEF4 22%,  #F2F3FC 37%, #fff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #D1D2D6 0%, #E3E4E8 7%, #EDEEF4 22%, #F2F3FC 37%, #fff 50%);
border-top: solid 1px #b4b5bc;
}

.mean-container a.meanmenu-reveal
{
  top:-76px;
  height:18px;
  line-height:1;
  border:1px solid #666666;
}

/*--------------------------------------
--------- MAIN MENU AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- SLIDER AREA CSS START ---------
---------------------------------------*/

.welcome_slides.owl-carousel .owl-dots {
    position: absolute;
    top: 50%;
    left: 1%;
    z-index: 5;
    width: 30px;
    background-color: transparent;
    height: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.welcome_slides.owl-carousel .owl-dot {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    height: 9px;
    margin: 15px 10px;
    width: 9px;
}

.welcome_slides.owl-carousel .owl-dot.active {
background:var(--primary);
border:none;
}

.slider-height-4
{
  min-height:250px;
}

.single-slider-4
{
  -moz-box-align:center;
  align-items:center;
  display:flex;
  position:relative;
height:200px;
color:#000;
}

.login-container
{
background:rgba(255, 255, 255, 0.85);
border-radius:35px;
border:none;
padding:6px;
justify-content: center;
}

.bg-img
{
  background-position:center center;
  background-repeat: no-repeat;
  background-size:cover;
}

.electro-slider-btn
{
  border-radius:5px;
  display:inline-block;
  font-weight:bold;
  line-height:1;
  padding:15px 40px 14px;
  text-transform:uppercase;
  z-index:99;
  background-color:#fff;
  color:#1a1a1a;
}

.owl-item.active .fadeinup-animated h2
{
  -webkit-animation-delay:1s;
  animation-delay:1s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

.owl-item.active .fadeinup-animated h3
{
  -webkit-animation-delay:1s;
  animation-delay:1s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

.owl-item.active .fadeinup-animated h4
{
  -webkit-animation-delay:1.6s;
  animation-delay:1.6s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

.owl-item.active .fadeinup-animated a
{
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

/*--------------------------------------
--------- SLIDER AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- CATALOG AREA CSS START ---------
---------------------------------------*/

.shop {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
}

.shop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 60%;
  background:var(--primary_light);
  opacity: 0.9;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
z-index:1;
}

.shop:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 100%;
  background:var(--primary_light);
  opacity: 0.7;
  -webkit-transform: skewX(-45deg) translateX(-100%);
  -ms-transform: skewX(-45deg) translateX(-100%);
  transform: skewX(-45deg) translateX(-100%);
}

.shop .shop-img {
  position: relative;
  background-color:var(--primary_light);
  z-index: 0;
}

.shop .shop-img>img {
  width: 100%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.shop:hover .shop-img>img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.shop .shop-body {
  position: absolute;
  top: 0;
  width: 75%;
  padding: 30px;
  z-index: 10;
}

.shop .shop-body h3 {
  color: #FFF;
}

.shop .shop-body .cta-btn {
  color: #FFF;
  text-transform: uppercase;
}

/*--------------------------------------
--------- CATALOG AREA CSS END ---------
---------------------------------------*/

/*--------------------------------------
--------- HOME SECTION AREA CSS START ---------
---------------------------------------*/

.section-title-4 > h5
{
  font-size:20px;
}

.section-title-4 > h5::after
{
  right:-50px;
  width:35px;
}

.section-title-4 > h5::before
{
  left:-50px;
  width:35px;
}

.banner-content4-style1 > h4
{
  font-size:24px;
  font-weight:bold;
  letter-spacing:1px;
  line-height:30px;
  margin:0;
  color:#fff;
text-shadow: 2px 2px #181818;
}

.banner-content4-style1 > h4:nth-child(2)
{
  font-size:16px;
  display:block;
  width:100%;
  line-height:20px;
  margin-top:5px;
}

.banner-content4-style1
{
  left:0;
  padding:34px 40px;
  position:absolute;
}

.banner-wrapper-4
{
  overflow:hidden;
  position:relative;
}

.borderradius
{
border-radius:5px;
}

.banner-wrapper-4 img
{
  transition:all .3s ease 0s;
  width:100%;
  height:200px;
  object-fit:scale-down;
}

.banner-wrapper-4:hover img
{
  transform:scale(1.1);
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(0);
}

.product-wrapper
{
  overflow:hidden;
  position:relative;
  height:100%;
}

.product-wrapper-detail
{
  overflow:hidden;
  position:relative;
  height:100%;
}

.product-wrapper-detail:hover
{
opacity:1;
}

.product-wrapper-1:hover
{
box-shadow: 1px 1px 20px 4px;
opacity:1;
}

.product-img-2:hover
{
  transform:translate(-50%,-50%);
  transform:scale(1.02);
box-shadow: 1px 1px 20px 4px;
opacity:1;
}

.product-img-3 img
{
  position:absolute;
  left:50%;
  top:50%;
  height:100%;
  width:auto;
  transform:translate(-50%,-50%);
}

.product-img-3-b
{
  height:260px;
  width:100%;
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
padding-bottom:6px;
}

.product-content-electro2
{
  bottom:0;
  left:0;
  padding:40px 20px;
  right:0;
  text-shadow:0 0 2px #fff;
  background-color:rgba(255,255,255,0.4);
}

.product-content-electro2-b
{
  bottom:0;
  left:0;
  padding:20px;
  right:0;
  width:100%;
  text-shadow:0 0 2px #fff;
  background-color:rgba(255,255,255,1.0);
}

.product-content-electro2 > h3
{
  font-size:16px;
  margin-bottom:10px;
  color:#1c1e23;
}

.product-content-electro2 > span
{
  display:block;
  letter-spacing:1px;
  margin:12px 0 9px;
  text-transform:uppercase;
  color:#b8bfd3;
}

.product-content-electro2 > h5
{
  font-weight:bold;
  margin:0;
  color:#343e5c;
}

.hanicraft-action-position
{
  left:0;
  position:absolute;
  text-align:center;
  top:10%;
  transform:translateY(-55%);
  right:0;
  margin:0 auto;
  opacity:0;
  visibility:hidden;
  transition:all .8s ease 0;
  z-index:1070;
  padding-left:6px;
  padding-right:6px;
}

.hanicraft-action
{
  border-radius:0px;
  display:inline-block;
  left:50%;
  line-height:1;
  padding:9px;
  background-color:#fff;
  box-shadow:0 0 15px rgba(0,0,0,0.1);
opacity:1;
}

.hanicraft-action a
{
  font-size:24px;
  margin:0 13px;
  position:relative;
  color:#383838;
}

.hanicraft-action a:hover
{
  cursor:pointer;
  color:#000;
}

.hanicraft-action a::before
{
  content:"";
  height:49px;
  margin:0 auto;
  position:absolute;
  right:-15px;
  top:-13px;
  width:1px;
  background-color:#eee;
}

.hanicraft-action form
{
  font-size:24px;
  margin:0 13px;
  position:relative;
  display:inline-block;
}

.hanicraft-action form::before
{
  content:"";
  height:49px;
  margin:0 auto;
  position:absolute;
  right:-15px;
  top:-13px;
  width:1px;
  background-color:#eee;
}

.hanicraft-action-button
{
  display:inline-block;
  font-family:Pe-icon-7-stroke;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  border:none;
  padding:0;
  cursor:pointer;
  background-color:white;
}

.product-wrapper:hover .hanicraft-action-position
{
  opacity:1;
  top:60%;
  visibility:visible;
}

.product-wrapper-detail:hover .hanicraft-action-position
{
  opacity:1;
  top:60%;
  visibility:visible;
}

.accordion 
{
  max-width: auto;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border-bottom:solid 0.05em rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-family: "Quicksand", sans-serif;
  background-color:var(--secondary);
}

.accordion-label, .accordion-content 
{
  padding: 14px 20px;
}

.accordion-label 
{
  display: block;
  color:var(--info);
  font-size:14px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: background 0.1s;
}

.accordion-label:hover 
{
  background:rgba(0, 0, 0, 0.1);
}

.accordion-label::after 
{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 12px;
  height: 6px;
  background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23FFFFFF99;" /></svg>');
  background-size: contain;
  transition: transform 0.4s;
}

.accordion-content 
{
  background:#fff;
  display:none;
  text-align:justify;
}

.accordion-input 
{
  display: none;
}

.accordion-input:checked ~ .accordion-content 
{
  display: block;
}

.accordion-input:checked ~ .accordion-label::after 
{
  transform: translateY(-50%) rotate(0.5turn);
}


.print-btn
{
  border-radius:5px;
  display:inline-block;
  font-weight:bold;
  line-height:1;
  padding:14px 40px 12px;
  text-transform:uppercase;
  border:1px solid #000;
  color:#383838;
opacity:0.3;
}

.print-btn:hover
{
  text-decoration:none;
border:1px solid #003865;
opacity:1;
color: #003865;
}

.fexible-content
{
  padding:75px 294px 77px;
}

.fexible-content > h3
{
  font-size:30px;
  font-weight:bold;
  letter-spacing:2px;
  color:#383838;
}

.fexible-content p
{
  font-size:16px;
  line-height:30px;
  margin:4px 0 26px;
  color:#666666;
}

.fexible-content.fexible-content-2
{
  padding:70px 120px 74px;
}

.electro-fexible-banner
{
  cursor:pointer;
  position:relative;
  border:.5rem solid #ececec;
}

.product-wrapper:hover .product-action-right
{
  opacity:1;
  right:0;
}

.product-wrapper-detail:hover .product-action-right
{
  opacity:1;
  right:0;
}

.product-action-right-2 form
{
  display:block;
  font-size:25px;
  height:46px;
  line-height:50px;
  text-align:center;
  transition:all .3s ease 0;
  width:50px;
  border:none;
}

.product-action-right-2-button
{
  display:inline-block;
  font-family:Pe-icon-7-stroke;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  border:none;
  padding:0;
  cursor:pointer;
  width:100%;
  height:100%;
  background-color:#fff;
  border-bottom:1px solid #ddd;
  color:#333;
}

.product-wrapper:hover .product-action-right-2
{
  opacity:1;
  right:.25rem;
}

.product-wrapper-detail:hover .product-action-right-2
{
  opacity:1;
  right:.25rem;
}

.product-content-5 > h4
{
  font-size:24px;
  font-weight:bold;
  margin:3px 0;
  color:#383838;
}

.product-content-5 > h5
{
  font-size:24px;
  color:#383838;
}

.product-content-6 > h4
{
  font-size:18px;
  font-weight:bold;
  margin:3px 0;
  color:#383838;
}

.product-content-6 > h5
{
  font-size:18px;
  color:#383838;
}

.product-content-6b > h4
{
  color:#383838;
  font-size:14px;
  font-weight:bold;
  margin:7px 0 7px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.product-content-6b > span
{
  display:block;
  font-size:12px;
}

.product-content-6b > h5
{
  font-size:12px;
}

.best-selling-list
{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}

.best-selling-img > img
{
  position:absolute;
  left:50%;
  top:50%;
  height:auto;
  width:100%;
  transform:translate(-50%,-50%);
}

.best-selling-2-tooltip
{
  border-width:1px;
  border-style:solid;
  opacity:0;
  visibility:hidden;
  position:absolute;
  z-index:999;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#fff;
  border-color:#999;
}

.best-selling-2-tooltip > h4
{
  font-size:12px;
  margin:3px 0;
}

.product-wrapper:hover .best-selling-2-tooltip
{
  opacity:1;
  visibility:visible;
}

.product-wrapper-detail:hover .best-selling-2-tooltip
{
  opacity:1;
  visibility:visible;
}
.banner-price.text-center
{
  border-radius:0 100% 100%;
  display:inline-block;
  height:138px;
  left:0;
  position:absolute;
  top:0;
  width:150px;
  background-color:#5b5b63;
}

.banner-price-new
{
  display:block;
  font-size:30px;
  font-weight:bold;
  line-height:1;
  margin-bottom:5px;
  color:#fff;
}

.banner-price-old
{
  font-size:20px;
  font-weight:bold;
  text-decoration:line-through;
  line-height:1;
  color:#ececec;
}

.banner-price-position
{
  left:0;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

.phn-img
{
  bottom:-73px;
  position:absolute;
  right:112px;
}

.bannertwo-banner-content
{
  padding:150px 50px 30px;
}

.bannertwo-banner-content > h3
{
  font-size:30px;
  font-weight:bold;
  line-height:40px;
  margin-bottom:20px;
  color:#fff;
}

.bannertwo-banner-content > a
{
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
}

.product-wrapper-border
{
  display:flex;
  padding:15px 0px 0px;
  border:1px solid #ddd;
  background-color:#fff;
}

.product-content-7
{
  min-width:130px;
}

.product-content-7 > h4
{
  font-size:14px;
  font-weight:bold;
  line-height:22px;
  margin-bottom:0px;
  color:#383838;
}

.product-content-7 > h5
{
  font-size:24px;
  line-height:1;
  margin:14px 0 15px;
  color:#383838;
}

.product-action-electro a
{
  background-color:transparent;
  border-radius:100%;
  display:inline-block;
  font-size:18px;
  height:33px;
  line-height:35px;
  margin:0 8px 0 0;
  text-align:center;
  width:33px;
  border:1px solid #d4d4d4;
  color:#b1b1b1;
}

.product-action-electro-button
{
  font-family:Pe-icon-7-stroke;
  background-color:transparent;
  border-radius:100%;
  display:inline-block;
  font-size:18px;
  height:33px;
  line-height:31px;
  margin:0 8px 0 0;
  text-align:center;
  width:33px;
  cursor:pointer;
  padding:0;
  border:1px solid #d4d4d4;
  color:#b1b1b1;
}

.product-variant-electro-button
{
  background-color:transparent;
  border-radius:5%;
  display:inline-block;
  font-size:14px;
font-color:#383838;
  height:auto;
  line-height:31px;
  margin:0 8px 0 0;
  text-align:center;
  width:autp;
  cursor:pointer;
  padding:0;
  border:1px solid #d4d4d4;
  color:#383838;
}

.product-action-basket a
{
  border-radius:100%;
  display:inline-block;
  font-size:18px;
  height:33px;
  line-height:35px;
  margin:0 8px 0 0;
  text-align:center;
  width:33px;
  background-color:transparent;
  border:1px solid #d4d4d4;
  color:#b1b1b1;
}

.basket-trash form
{
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;	
  font-size:20px;
  margin-right:4px;
  position:relative;
  top:-2px;	
}

.basket-trash-button 
{
  background-color:transparent;
  border-color:transparent;
  cursor: pointer;
  padding-left:0px;
}

.basket-trash-button:hover 
{
  color:var(--primary);
}

.brand-logo-active2.owl-carousel .owl-item img
{
  width:auto;
}

.single-brand
{
  display:flex;
  justify-content:center;
  margin-left:30px;
  margin-right:30px;
}

.subscribe-form-3 form input
{
  border-radius:0px 0px 0 0;
  font-size:12px;
  line-height:48px;
  padding-left:20px;
  padding-right:55px;
  position:relative;
  border:1px solid #aaaaaa;
  color:#fff;
}

.subscribe form input
{
  font-size:12px;
  line-height:48px;
  padding-left:20px;
  padding-right:55px;
  position:relative;
border:none;
  color:#fff;
}

.subscribe-input {
  border-radius:5px 0px 0px 5px;
-webkit-box-shadow: -8px 8px 32px -13px rgba(0,0,0,0.48);
-moz-box-shadow: -8px 8px 32px -13px rgba(0,0,0,0.48);
box-shadow: -8px 8px 32px -13px rgba(0,0,0,0.48)
}

.subscribe-button {
  border-radius:0px 5px 5px 0px;
}

.search form input
{
  font-size:12px;
  line-height:28px;
  padding-left:20px;
  padding-right:55px;
  position:relative;
  color:#fff;
}

.search-input {
  border-radius:5px 0px 0px 5px;
border:solid 1px #999;
}

.search-button {
  border-radius:0px 5px 5px 0px;
  border:solid 1px var(--primary);
  color:#fff;
}

.button
{
  border-radius:0 0 5px 5px!important;
  top:-1px;
  bottom:0;
  display:inline-block;
  position:absolute;
  right:0;
  z-index:999;
  transition:all .3s ease 0;
  cursor:pointer;
  margin-left:0;
  background:rgb(56,56,56);
}

.section-title-5 > h2
{
  font-size:30px;
  font-weight:bold;
  letter-spacing:2px;
  margin-bottom:0px;
  color:#383838;
}

.section-title-5 > p
{
  font-size:18px;
  letter-spacing:.5px;
  margin:0;
  color:#383838;
}

.footer-widget-title-3
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:30px;
  padding-bottom:14px;
  position:relative;
  color:#666;
}

.footer-widget-title-3::after
{
  bottom:0;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  width:70px;
  background-color:#414141;
}

.footer-widget-title-3-right
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:30px;
  padding-bottom:14px;
  position:relative;
  color:#666;
}

.footer-widget-title-3-right::after
{
  bottom:0;
  content:"";
  height:1px;
  right:0;
  position:absolute;
  width:70px;
  background-color:#414141;
}
.footer-widget-content-3 ul li
{
  margin-bottom:22px;
  position:relative;
}

.footer-widget-content-3 ul li a
{
  display:block;
  letter-spacing:1px;
  padding-left:0px;
  color:var(--info);
}

.footer-info-text [class^="pe-7s-"]
{
  font-size:36px;
  color:var(--info);
}

.footer-bg
{
background:var(--secondary);
}

.footer-menu li a
{
  display:block;
  font-size:12px;
  letter-spacing:1px;
  color:var(--info);
}

.breadcrumb-content li
{
  display:inline-block;
  font-weight:600;
  position:relative;
  color:var(--gray);
  font-size:11px;
}

.breadcrumb-catalog-empty li:first-child::before
{
  content:"";
  width:0;
  padding-left:0;
  margin:0;
}

.sidebar-title
{
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  margin-bottom:24px;
  position:relative;
  text-transform:uppercase;
  display:inline-block;
  color:var(--gray);
}

.sidebar-title::before
{
  bottom:-5px;
  content:"";
  height:2px;
  left:0;
  letter-spacing:1px;
  position:absolute;
  width:100%;
  background-color:#5f5f5f;
}

.sidebar-search form input
{
  border:medium none;
  box-shadow:none;
  font-size:13px;
  padding-left:15px;
  padding-right:15px;
  height:45px;
  width:calc(100%-45px);
  background:var(--secondary) none repeat scroll 0 0;
  color:#8e8d8d;
}

.sidebar-search form > button
{
  border:medium none;
  cursor:pointer;
  font-size:18px;
  width:45px;
  transition:all .3s ease 0;
  background-color:#dedede;
}

.sidebar-categories li
{
  margin-bottom:10px;
  padding-bottom:10px;
  list-style:none;
  display:flex!important;
  -ms-flex-pack:justify!important;
  justify-content:space-between!important;
  border-bottom:1px solid #ddd;
  font-size:12px;
}

.sidebar-categories li:hover
{
  text-decoration:none;
  color:var(--primary)!important;
}

.sidebar-categories li:last-child
{
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}

.sidebar-categories li a
{
  display:block;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  color:var(--gray)!important;
  font-size:12px;
}

.sidebar-categories li a span
{
  float:right;
}

.sidebar-categories li a:hover
{
  text-decoration:none;
  color:var(--primary)!important;
}

.shop-found > p
{
  font-size:14px;
  font-weight:600;
  margin:0;
  color:#6c6c6c;
}

.shop-selector label
{
  font-size:14px;
  font-weight:600;
  text-transform:capitalize;
  color:#6c6c6c;
}

.shop-selector select
{
  -moz-appearance:none;
  -webkit-appearance:none;
  border:medium none;
  box-shadow:none;
  font-size:14px;
  height:90%;
  line-height:1.5;
  background:rgba(0,0,0,0) url(../../assets/img/icon-img/4.png) no-repeat scroll right 0 center;
  color:#090909;
}

.product-img-border-bottom
{
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}

.product-img-border
{
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
}

.product-img-border-top
{
border-top:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}

.product-img > span,.product-img-3 > span
{
  border-top-left-radius:10px;
  display:inline-block;
  font-size:30px;
  font-weight:400;
  height:40px;
  left:0px;
  letter-spacing:1px;
  line-height:40px;
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  top:0px;
  width:40px;
  background-color:#D22C30;
  color:#fff;
}

.product-action > a.animate-right
{
  transform:translateX(20px);
  transition:all .4s ease 0;
}

.product-wrapper:hover .product-action
{
  opacity:1;
}

.product-wrapper-detail:hover .product-action
{
  opacity:1;
}

.product-action
{
  bottom:30px;
  display:inline-block;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  text-align:center;
  transition:all 0.6s ease-out 0.2s;
}

.related-products .product-action
{
  bottom:50%;
}

.product-action a
{
  border-radius:100%;
  display:inline-block;
  font-size:24px;
  height:45px;
  line-height:52px;
  margin:0 5px;
  width:45px;
  background-color:#383838;
  color:#f7f7f7;
}

.product-action form
{
  border-radius:100%;
  display:inline-block;
  font-size:24px;
  margin:0 5px;
  width:45px;
}

.product-action-button
{
  font-family:Pe-icon-7-stroke;
  border:none;
  border-radius:100%;
  height:45px;
  width:45px;
  line-height:48px;
  cursor:pointer;
  padding:0;
  background-color:#383838;
  color:#f7f7f7;
}

.product-content h4
{
  font-size:16px;
font-weight:bold;
  margin-bottom:2px;
}

.product-content > span
{
  font-size:16px;
  font-weight:600;
  color:#383838;
}

.product-content
{
  padding-top:10px;
}

.product-action-list-style
{
  top:60%;
  transform:translateY(-50%);
  display:inline-block;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  text-align:center;
  transition:all .3s ease 0;
}

.product-action-list-style a
{
  border-radius:100%;
  display:inline-block;
  font-size:24px;
  height:45px;
  line-height:52px;
  width:45px;
  background-color:#383838;
  color:#f7f7f7;
}

.news-image
{
border-radius:8px;
}

.product-wrapper:hover .product-action-list-style
{
  opacity:1;
  top:35%;
}

.product-wrapper-detail:hover .product-action-list-style
{
  opacity:1;
  top:35%;
}

.product-list-info > h4 > a
{
  font-size:16px;
  font-weight:bold;
  margin:0;
  color:#383838!important;
}

.product-list-info > span
{
  display:block;
  font-size:16px;
  font-weight:bold;
  margin:8px 0 4px;
  color:#383838;
}

.product-list-info > .product-desc
{
  font-size:13px;
  line-height:20px;
  margin:0;
  font-weight:normal;
  color:#818181;
}

.list-btn-style
{
  display:inline-block;
  font-weight:600;
  letter-spacing:.8px;
  line-height:1;
  padding:15px 23px;
  text-transform:uppercase;
}

.list-btn-style.btn-hover::before,.list-btn-wishlist.btn-hover::before
{
  border-radius:50px;
}

.list-btn-wishlist
{
  font-family:Pe-icon-7-stroke;
  font-size:22px;
  line-height:1;
  padding:11px 18px 8px;
}

.product-list-button-wishlist
{
  height:100%;
  padding:10px 18px 8px;
}

.product-list-button-cart
{
  height:100%;
  padding:10px 18px 8px;
}

.list-btn-style:hover
{
  text-decoration:none;
  cursor:pointer;
}

.product-list-button > div
{
  display:flex!important;
}

.product-list-button form
{
  position:relative;
  display:inline-block;
  line-height:1;
}

.product-list-button form:first-child
{
  margin-right:1rem!important;
}

.product-list-button form::before
{
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform:scaleX(0);
  z-index:-1;
  border-radius:50px;
  background:var(--primary) none repeat scroll 0 0;
}

#ModalProductView .close
{
  float:right;
  font-size:50px;
  font-weight:700;
  line-height:1;
  opacity:1;
  position:absolute;
  right:370px;
  top:32px;
  transition:all .3s ease 0;
  cursor:pointer;
  color:#fff;
  text-shadow:0 1px 0 #fff;
}

.modal .close
{
  line-height:1.5;
}

.price span
{
  font-size:15px;
  font-weight:600;
  color:#707070;
}

.price span.old
{
  text-decoration:line-through;
  margin-right:.5em;
  color:#707070;
}

.side-panel-wrapper {
  display: flex;
  height: 100vh;
}

.side-panel-main {
  flex-grow: 1;
  padding: 20px;
  overflow-y: auto;
}

.side-panel-toggle {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: #009578;
  border: none;
  border-radius: 5px 0 0 5px;
  outline: none;
  cursor: pointer;
}

.side-panel-toggle:hover {
  background: #007960;
}

.sp-icon-close {
  display: none !important;
}

.side-panel {
  display: none;
  width: 200px;
  flex-shrink: 0;
  padding: 20px;
  color: #ffffff;
  background: #009578;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}

.side-panel-open .side-panel {
  display: initial;
}

.side-panel-open .sp-icon-open {
  display: none !important;
}

.side-panel-open .sp-icon-close {
  display: initial !important;
}

.modal-body .select-option-part select
{
  -moz-appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
  font-size:12px;
  height:43px;
  padding-left:20px;
  position:relative;
  width:100%;
  text-transform:capitalize;
  border:1px solid #dcdcdc;
  color:#828282;
  background:rgba(0,0,0,0) url(../../assets/img/icon-img/4.png) no-repeat scroll right 20px center;
}

.select-option-part select
{
  -moz-appearance:none;
  box-shadow:none;
  font-size:12px;
  height:43px;
  padding-left:20px;
  position:relative;
  width:100%;
  -webkit-appearance:none;
  margin-bottom:20px;
  background:rgba(0,0,0,0) url(../../assets/img/icon-img/4.png) no-repeat scroll right 20px center;
  border:1px solid #dcdcdc;
  color:#828282;
}

.select-option-part .label-variant
{
  color:#383838;
  font-size:12px;
  font-weight:600;
  padding-bottom:6px;
  float:left;
}

.quickview-btn-compare
{
  margin-left:15px;
}

.quickview-btn-cart > a
{
  display:inline-block;
  font-weight:600;
  letter-spacing:.08px;
  line-height:1;
  padding:17px 35px;
  position:relative;
  text-transform:uppercase;
  z-index:5;
  text-decoration:none;
  background-color:#050035;
  color:#fff;
}

.quickview-btn-cart .form-cart
{
  display:inline-block;
  font-weight:600;
  letter-spacing:.08px;
  line-height:1;
  position:relative;
  text-transform:uppercase;
  z-index:5;
  border:none;
  background-color:#003865;
  color:#fff;
}

.btn-cart
{
  display:inline-block;
  font-weight:600;
  letter-spacing:.08px;
  line-height:1;
  position:relative;
  text-transform:uppercase;
  z-index:5;
  border:none;
  padding:17px 15px;
}

.quickview-btn-wishlist > a
{
  display:inline-block;
  font-size:22px;
  padding:11px 18px 2px;
  z-index:9;
  border:1px solid #dcdcdc;
  color:#727272;
}

.quickview-btn-wishlist > a:hover
{
  border:1px solid transparent;
}

.form-button-detailpage
{
  font-family:Pe-icon-7-stroke;
  display:inline-block;
  font-size:22px;
  height:100%;
  line-height:31px;
  text-align:center;
  cursor:pointer;
  padding:0 16px;
  z-index:9;
  border-radius:0;
  border:1px solid #dcdcdc;
  color:#727272;
  background-color:transparent;
}

.quickview-btn-cart
{
  margin:0 15px;
}

.modal-quickview-width
{
  margin:150px auto;
  min-width:100%;
}

.quick-view-content .product-desc
{
  color:#545454;
  margin-bottom:25px;
}

.quick-view-content .rating-text
{
  font-size:12px;
  margin-left:5px;
}

.btn-hover-black::before
{
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform:scaleX(0);
  transition-property:transform;
  z-index:-1;
}

.product-details-content > p
{
  margin-bottom:33px;
  color:#545454;
}

.details-price
{
  font-size:22px;
  font-weight:bold;
  margin-bottom:0px;
  color:#383838;
}

.details-price span.old
{
  text-decoration:line-through;
  margin-right:.5em;
  font-size:17px;
  color:#666;
}

input.cart-plus-minus-box
{
  background:transparent none repeat scroll 0 0;
  border:medium none;
  float:left;
  font-size:16px;
  height:25px;
  margin:0;
  padding:0;
  text-align:center;
  width:25px;
}

.cart-plus-minus ::-moz-selection
{
  background:transparent none repeat scroll 0 0;
  text-shadow:none;
  color:#333;
}

.cart-plus-minus
{
  overflow:hidden;
  padding:12px 0 8px 5px;
  width:80px;
  border:1px solid #dcdcdc;
}

.qtybutton
{
  cursor:pointer;
  float:left;
  font-size:16px;
  font-weight:600;
  height:20px;
  line-height:25px;
  position:relative;
  text-align:center;
  width:20px;
  color:#727272;
}

.description-review-title
{
  justify-content:center;
  margin-bottom:40px;
}

.description-review-title a
{
  font-size:16px;
  font-weight:bold;
  margin:0 20px;
  color:#383838;
}

.norating
{
  border:0 none;
  display:inline-block;
  font-size:13px;
  font-weight:400;
  margin:0;
  padding:10px 15px;
  text-shadow:none;
  text-transform:uppercase;
  background-color:#282828;
  color:#fff;
}

.rating-button
{
  border:medium none;
  cursor:pointer;
  font-size:18px;
  transition:all .3s ease 0;
  background-color:#dedede;
  color:#050035;
}

.rating-stars
{
  margin-bottom:5px;
}

.shopping-cart-wrapper form
{
  width:100%;
  padding-right:15px;
  padding-left:15px;
}

.shopping-cart
{
  margin:0 0 25px;
  text-align:center;
  border:none;
  border-radius:0;
  border-style:solid;
  border-width:1px 1px 0 1px;
  width:100%;
  background:#fff none repeat scroll 0 0;
  border-color:#e5e5e5;
}

.shopping-cart-headline div,.shopping-cart-content > div
{
  display:flex!important;
  -ms-flex-wrap:wrap!important;
  flex-wrap:wrap!important;
  align-items:center;
  justify-content:left;
  border-bottom:1px solid #e5e5e5;
}

.shopping-cart-content div
{
  border-top:medium none;
  font-size:13px;
  font-weight:normal;
  padding:13px 0px 13px;
  text-align:center;
  text-transform:uppercase;
  vertical-align:middle;
  color:#555;
}

.shopping-cart-headline div
{
  border-top:medium none;
  font-size:14px;
  font-weight:normal;
  padding:10px 10px 12px;
  text-align:center;
  text-transform:uppercase;
  vertical-align:middle;
  color:#fff;
background-color:#c1c1c1;
}

.shopping-cart-infotext
{
  width:100%;
  height:100%;
  border:medium none;
  box-shadow:none;
  font-size:12px;
  background:var(--secondary) none repeat scroll 0 0;
  color:#8e8d8d;
}

.product-remove i
{
  display:inline-block;
  font-size:35px;
  height:40px;
  line-height:40px;
  text-align:center;
  width:40px;
  color:#919191;
}

.input-qty
{
  border:medium none;
  border-radius:3px;
  font-size:15px;
  font-weight:normal;
  height:40px;
  padding:0 5px 0 10px;
  width:60px;
  background:#e5e5e5 none repeat scroll 0 0;
  color:#6f6f6f;
}

.buttons-cart
{
  margin-bottom:30px;
  overflow:hidden;
}

.buttons-cart input[type="submit"],.buttons-cart a,.coupon-wrapper input[type="submit"]
{
  border:medium none;
  border-radius:0;
  box-shadow:none;
  display:inline-block;
  float:left;
  font-size:12px;
  font-weight:700;
  height:40px;
  line-height:42px;
  margin-right:15px;
  padding:0 15px;
  text-shadow:none;
  text-transform:uppercase;
  transition:all .3s ease 0;
  white-space:nowrap;
  width:inherit;
  cursor:pointer;
}

.buttons-cart a
{
  float:left;
  height:40px;
  line-height:42px;
  color:#fff;
}

.coupon-wrapper h3
{
  font-size:17px;
  font-weight:600;
  margin:0 0 10px;
  text-transform:uppercase;
}

.coupon-wrapper input[type="text"]
{
  float:left;
  height:40px;
  margin:0 6px 20px 0;
  max-width:100%;
  padding:0 0 0 10px;
  width:170px;
  border:1px solid #e5e5e5;
  background:#eceff8;
}

.cart-totals
{
  float:left;
  text-align:right;
  width:100%;
}

.cart-totals h2
{
  display:inline-block;
  font-size:22px;
  font-weight:bold;
  margin:0 0 35px;
  text-transform:uppercase;
  border-bottom:2px solid #222222;
}

.cart-subtotal
{
  border:medium none;
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:0 0 12px;
  text-transform:uppercase;
  vertical-align:top;
}

.cart-total
{
  font-size:20px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0;
  padding:0 0 12px;
  color:var(--gray);
}

.wc-proceed-to-checkout a
{
  display:inline-block;
  font-size:14px;
  font-weight:700;
  height:50px;
  line-height:50px;
  margin-top:20px;
  padding:0 30px;
  text-transform:none;
}

.wc-proceed-to-checkout input[type=submit]
{
  display:inline-block;
  font-size:14px;
  font-weight:700;
  height:50px;
  line-height:50px;
  margin-top:20px;
  padding:0 30px;
  text-transform:none;
  border:none;
  cursor:pointer;
}

.login-form-container
{
  background:transparent none repeat scroll 0 0;
  padding:25px 25px;
  text-align:left;
  border:1px solid #ddd;
}

.home-container
{
background:rgba(255, 255, 255, 0.9);
border-radius:25px;
}


.input-form form span
{
  display:inline-block;
  padding:.2rem 0 .4rem .5rem;
  color:#383838;
  font-weight:600;
  letter-spacing:.075em;
}

.login-form-container h5
{
  font-weight:700;
  text-transform:;
  margin-bottom:1.5rem;
}

.login-text
{
  margin-bottom:30px;
  text-align:center;
}

.login-text h2
{
  font-size:30px;
  margin-bottom:5px;
  text-transform:capitalize;
  color:#444;
}

.login-form-container input[type="text"],.login-form-container input[type="password"],.login-form-container input[type="number"],.login-form-container input[type="date"],.login-form-container select
{
  border-radius:5px;
  box-shadow:none;
  font-size:11px;
  margin-bottom:14px;
  padding-left:4px;
  padding-right:4px;
  width:100%;
  padding-top:4px;
  padding-bottom:4px;
  white-space:normal;
}

.login-form-container input::-moz-placeholder
{
  opacity:1;
  color:#383838;
}

.login-toggle-btn
{
  padding-top:5px;
}

.login-form-container input[type="checkbox"]
{
  height:15px;
  margin:0;
  position:relative;
  top:1px;
  width:17px;
}

.login-form-container span
{
  font-size:15px;
  font-weight:400;
  color:#777;
}

.login-toggle-btn-a
{
  float:right;
  transition:all .3s ease 0;
  color:#777;
}

.now-register
{
  position:absolute;
  right:40px;
  bottom:60px;
}

.coupon-accordion h3
{
  font-size:14px;
  font-weight:400;
  list-style:outside none none!important;
  margin:0 0 2em!important;
  padding:1em 2em 1em 3.5em!important;
  position:relative;
  width:auto;
  background-color:#f7f6f7;
  border-top:3px solid #050035;
  color:#515151;
}

.coupon-accordion h3::before
{
  content:"\e688";
  display:inline-block;
  font-family:Pe-icon-7-stroke;
  font-size:30px;
  left:10px;
  position:absolute;
  top:3px;
  color:#333;
}

.coupon-accordion span
{
  cursor:pointer;
  color:#6f6f6f;
}

.coupon-info .login-form-container
{
  margin-top:0;
  padding:0;
  border:1px none #ddd;
}

.coupon-info .forgot-password
{
  position:absolute;
  right:40px;
  top:190px;
}

.coupon-content
{
  display:none;
  margin-bottom:20px;
  padding:20px;
  border:1px solid #e5e5e5;
}

.coupon-info p.coupon-text
{
  margin-bottom:15px;
}

.coupon-checkout-content
{
  margin-bottom:30px;
  display:none;
}

.switch-registration
{
  font-size:14px;
  margin:0 0 20px;
  padding-bottom:10px;
  text-transform:uppercase;
  width:100%;
  padding:8px;
  border-radius:10px 10px 0 0;
  border:2px solid #e5e5e5;
  background-color:#e5e5e5;
}

.switch-registration-active
{
  font-size:14px;
  margin:0 0 20px;
  padding-bottom:10px;
  text-transform:uppercase;
  width:100%;
  border-width:1px 1px 0;
  padding:10px;
  border-radius:10px 10px 0 0;
  border-style:solid;
  position:relative;
  z-index:1000;
  border-color:#e5e5e5;
  background-color:#fff;
}

.your-order
{
  padding:30px 15px;
  background:var(--secondary) none repeat scroll 0 0;
}

.your-order h3
{
  font-size:25px;
  margin:0 0 20px;
  padding-bottom:10px;
  text-transform:uppercase;
  width:100%;
  border-bottom:1px solid #d8d8d8;
}

.your-order-table-subtotal
{
  border-top:medium none;
  font-weight:normal;
  text-transform:uppercase;
  white-space:nowrap;
}

.your-order-table-total
{
  border-top:medium none;
  font-weight:normal;
  text-transform:uppercase;
  white-space:nowrap;
  font-size:18px;
}

.payment-method input[type=radio]
{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-block;
  position:relative;
  top:10px;
  height:30px;
  width:30px;
  border:0;
  border-radius:50px;
  cursor:pointer;
  margin-right:7px;
  outline:none;
  background-color:var(--white_bg);
  color:var(--info);
}

.payment-method input[type=radio]:checked::before
{
  position:absolute;
  font:20px/1 'Open Sans', sans-serif;
  left:9px;
  top:3px;
  content:'\02143';
  transform:rotate(40deg);
}

.payment-method div,.payment-method input:not([type=radio])
{
  margin-left:37px;
}

.payment-method input:not([type=radio])
{
  border-radius:3px;
  box-shadow:none;
  font-size:14px;
  height:40px;
  margin-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  width:calc(100%-37px);
  background:#fff none repeat scroll 0 0;
  border:1px solid #ddd;
  color:#999999;
}

.order-button-payment input[type=submit],.order-button-payment input[type=button],.order-button-payment button
{
  font-size:17px;
  font-weight:600;
  margin:20px 0 0;
  padding:0;
  text-transform:uppercase;
  transition:all .3s ease 0;
  width:100%;
  border:1px solid transparent;
  cursor:pointer;
  padding-top:15px;
  padding-bottom:15px;
  white-space:normal;
  background:var(--primary) none repeat scroll 0 0;
  color:#fff;
}

.sofortueberweisung
{
  font-size:17px;
  font-weight:600;
  margin:20px 0 0;
  padding:0;
  text-transform:uppercase;
  transition:all .3s ease 0;
  width:100%;
  border:1px solid transparent;
  cursor:pointer;
  padding-top:15px;
  padding-bottom:15px;
  white-space:normal;
  text-align:center;
  background:#464646 none repeat scroll 0 0;
  color:#fff;
}

.order-button-payment input:not([type=submit]):not([type=button])
{
  border-radius:3px;
  box-shadow:none;
  font-size:14px;
  height:40px;
  margin-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  width:100%;
  background:#fff none repeat scroll 0 0;
  border:1px solid #ddd;
  color:#999999;
}

.comparison
{
  overflow-x:auto;
}

.comparison-col
{
  min-width:300px;
  max-width:300px;
}

.comparison-img
{
  max-width:95%;
  max-height:95%;
}

.comparison-row-2
{
  height:15em;
}

.comparison-row-3
{
  height:5em;
}

.comparison-row-7
{
  height:25em;
padding:5px;
}

.monospace-char
{
  display:0;
  text-align:center;
}

.monospace-char > span
{
  width:14px;
  display:block;
}

.order-pos-table-row td:last-child
{
  padding:.3rem;
}

.order-pos-table-row td:last-child:hover::before
{
  cursor:pointer;
  background-color:var(--primary);
  color:var(--text_white);
}

.order-pos-table-row td:last-child::before
{
  content:"\e66e";
  display:inline-block;
  font-family:Pe-icon-7-stroke;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border-radius:100%;
  font-size:16px;
  height:30px;
  line-height:30px;
  width:30px;
  background-color:#383838;
  color:#f7f7f7;
}

.open-items-table td
{
  padding:.75rem;
  border-bottom:1px solid #ececec;
}

.height-long-desc
{
  height:10rem;
}

.font-pic-size
{
  font-size:2rem;
}

.email-form-container input,select,textarea
{
  border-radius:3px;
  box-shadow:none;
  font-size:14px;
  margin-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  white-space:normal;
  background:#fff none repeat scroll 0 0;
  border:1px solid #ddd;
  color:#383838;
}

.invalid-variant
{
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:100;
  text-align:center;
  background-color:rgba(255,255,255,0.8);
}

.invalid-variant p
{
  position:absolute;
  left:0;
  top:20px;
}

.slider-filter
{
  padding-right:4px;
}

.slider-filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all
{
  border:medium none;
  border-radius:5px;
  height:3px;
  margin-bottom:21px;
  margin-left:auto;
  background:#ebebeb none repeat scroll 0 0;
  color:#222222;
}

.slider-filter .ui-slider-range
{
  border-radius:0;
  height:100%;
  top:0;
  background:#b7b7b7 none repeat scroll 0 0;
}

.slider-filter .ui-slider-handle.ui-state-default.ui-corner-all
{
  border:medium none;
  border-radius:0;
  height:15px;
  width:4px;
  background:#b7b7b7 none repeat scroll 0 0;
}

.ui-slider-horizontal .ui-slider-handle
{
  margin-left:0!important;
  top:-6px!important;
}

.slider-filter-text
{
  display:0;
  justify-content:space-between;
}

.slider-filter-text input
{
  border:0;
  width:55%;
}

.filter-color
{
border:none;
border-radius:50%;
  box-shadow:3px 3px 3px rgba(0,0,0,0.75);
}

.filter-button
{
  border:medium none;
  cursor:pointer;
  font-size:15px;
  padding:10px;
  width:100%;
  transition:all .3s ease 0;
  background-color:#dedede;
  color:#383838;
}

.slider-handle-right > span
{
  right:0!important;
}

.cart-price
{
  font-size:16px;
  font-weight:bold;
  letter-spacing:.5px;
  color:#070b21;
}

.cart-sub
{
  font-size:16px;
  letter-spacing:.5px;
  text-transform:;
  color:#070b21;
}

.funnel-wait-pic
{
  position:absolute;
}

.shop-tab
{
  font-size:13px;
  line-height:1;
  margin-left:10px;
  z-index:99;
}

.shop-tab-inactive
{
  margin-left:10px;
  color:var(--gray);
  opacity:0.5;
}

.shop-tab-active
{
  margin-left:10px;
  color:var(--gray);
}

.shop-tab:first-child
{
  margin-left:0;
}

.pagination-style a
{
  background-color:transparent;
  display:inline-block;
  font-size:13px;
  font-weight:500;
  height:40px;
  line-height:41px;
  text-align:center;
  width:40px;
  border:1px solid #c1c1c1;
  color:var(--info);
}

.pagination-style-active
{
  display:inline-block;
  font-size:13px;
  font-weight:500;
  height:40px;
  line-height:41px;
  text-align:center;
  width:40px;
  background-color:var(--primary);
  color:var(--text_white);
  border:1px solid var(--primary);
}

.border-radius-25
{
  border-radius:25px;
}

.download-button
{
height:50px;
width:50px;
}

.ptb-40
{
  padding-top:40px;
  padding-bottom:40px;
}

.pb-25
{
  padding-bottom:25px;
}

.pt-75
{
  padding-top:75px;
}

.mb-40
{
  margin-bottom:40px;
}

.pb-40
{
  padding-bottom:40px;
}

.pb-50
{
  padding-bottom:50px;
}

.pt-35
{
  padding-top:35px;
}

.pb-30
{
  padding-bottom:30px;
}

.pt-25
{
  padding-top:25px;
}

.mrg-5
{
  margin-top:5px;
}

.mb-50
{
  margin-bottom:50px;
}

.table-content table
{
  background:#fff none repeat scroll 0 0;
  border-color:#e5e5e5;
  border-radius:0;
  border-style:solid;
  border-width:1px 0 0 1px;
  margin:0 0 50px;
  text-align:center;
  width:100%;
  border:none;
}

.table-content table th,.table-content table td
{
  border-bottom:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}

.table-content table th
{
  border-top:medium none;
  color:#555;
  font-size:16px;
  font-weight:normal;
  padding:15px 10px 12px;
  text-align:center;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:nowrap;
}

.add-record:before
{
  content:"\e61a";
  font-family:themify;
  margin-right:5px;
}

.myaccount-addresses h1
{
  word-break:break-all;
}

.cart-preview #cart-info_Empty
{
  font-size:12px;
  letter-spacing:.5px;
}

.cart-preview > li:not(:last-child) > a
{
  padding:0;
}

.main-menu
{
  background-color:var(--secondary);
border-bottom: solid 1px #b4b5bc;
}

.main-menu #divMenuCategory h6
{
  color:#000;
  font-size:14px;
  font-weight:bold;
  margin:0;
  text-transform:none;
  cursor:pointer;
  white-space:nowrap;
  line-height:40px;
padding-right:4px;
}

.main-menu nav > ul
{
  margin-bottom:0;
  padding-left:100px;
font-size:12px;
}

.main-menu nav > ul > li
{
  display:inline-block;
  margin:0 64px 0 0;
  position:relative;
}

.main-menu nav > ul > li > a
{
  color:#000;
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  line-height:40px;
  text-transform:none;
}

#divFooterContact
{
  align-self:flex-start;
}

.footer-menu li
{
  display:inline-block;
  line-height:1;
  margin-right:20px;
  float:none!important;
}

.copyright > div
{
  color:#999;
  line-height:1;
  margin:0;
  letter-spacing:1px;
}

.footer-info-text p
{
  line-height:25px;
  color:var(--info);

.footer-services-content
{
  color:#aaaaaa;
  margin:0;
}

.footer-services-content > h4
{
  color:#fff;
  font-size:25px;
  margin-bottom:9px;
}

.product-img-5
{
  overflow:hidden;
object-fit: scale-down;
}

.best-selling-2-list .product-wrapper h4
{
  color:#383838;
  font-size:18px;
  font-weight:bold;
  margin:3px 0 7px;
}

.product-grid .product-img
  overflow:hidden;
height:auto;
max-height:90%;
object-fit:scale-down;
margin-bottom: 10px;
}

.rounded-corners
{
border-radius:10px;
}

.headline
{
width:100%;
color:#000;
background:transparent;
}

.product-list-info > h4
{
  color:#383838;
  font-size:16px;
  font-weight:bold;
  margin:0;
}

.review-overview,.write-review .default-btn
{
  margin-top:0;
}

.review-overview,.write-review
{
  padding:0 0 40px;
}

.review-overview,.write-review #star-input
{
  padding:0 0 15px;
}

.write-review textarea
{
  display:block;
  margin-bottom:10px;
}

.review-list
{

  padding:20px 0 0;
}

.review-list .review
{
  border-bottom:1px solid #ccc;
  padding:0 0 20px;
  margin:0 0 20px;
  width:100%;
}

.reviews #rating-star-average,.reviews #rating-number-average,.reviews #rating-count,.reviews #rating-star,.reviews .rating-number,.reviews .rating-date
{
  display:inline;
  line-height:25px;
  float:left;
}

.reviews #rating-number-average
{
  font-size:25px;
  font-weight:bold;
  margin:0 10px 0 30px;
}

.reviews .rating-number
{
  font-size:16px;
  font-weight:bold;
  margin:0 10px 0 30px;
}

.review-overview
{
  float:left;
  width:100%;
  padding:0 0 20px;
  color:#383838;
}

.modal-backdrop
{
  position:fixed;
  width:100%;
  height:100%;
}

.write-review .button
{
  background:var(--primary);
  color:var(--text_white);
}

.write-review .button:hover
{
  background:rgb(0, 0, 0, 0.0);
  text-shadow:none;
  color:var(--text_white);
}

.reviews .review-list .rating-text
{
  display:block;
  width:100%;
  float:left;
  clear:both;
  padding:10px 0 0;
  font-size:16px;
}

.reviews
{
  float:left;
  width:100%;
}

#modal-info-texts #infotext-container
{
  font-size:1rem;
}

#modal-info-texts #infotext-container [class^="ti-"]
{
  margin-right:5px;
}

.login-form form span.required:after
{
  content:"*";
  color:#dc3545;
  margin-left:3px;
}

#catalog-menu-container
{
  width:200%;
  margin-left:-15px;
  z-index:9998;
display:none;
opacity:0.97;
}

.catalog-menu ul
{
  list-style-type:none;
  margin-top:0px;
  position:relative;
  z-index:1000;
  padding:1.5rem 0;
  color:var(--primary)!important;
  background:var(--white_bg);
  box-shadow: 0 4px 2px -2px var(--gray);
  opacity:1;
}

.catalog-menu ul li
{
  padding-bottom:0px;
}

.catalog-menu ul li a
{
  border-bottom:1px solid var(--secondary);
  color:var(--text_gray);
  display:block;
  font-size:14px;
  font-weight:700;
  text-transform:none;
  padding:10px;
  margin-left:5px;
  margin-right:5px;
  position:relative;
  text-align:left;
}

.catalog-menu ul li a i
{
  color:#000;
  font-size:14px;
  position:absolute;
  right:5%;
  top:15%;
}

.variant-banner
{
  position:absolute;
  width:150px;
  height:150px;
}

.variant-banner-text
{
  position:absolute;
  top:29%;
  transform:rotate(-45deg);
  font-size:13px;
  left:-3%;
  color:white;
}

.variant-banner-margin-lr
{
  margin-left:9px;
  margin-right:9px;
}

#divProductAreaTwo .variant-banner
{
  z-index:1000;
  margin-top:-9px;
  margin-left:-24px;
}

.live-search-container
{
  position:absolute;
  z-index:10000;
  top:79px;
  left:0;
  width:calc(100%+4px);
  background-color:white;
  border:2px solid #b4b5bc;
  padding:10px;
  border-radius:0 0 5px 5px;
  margin-left:-2px;
}

.live-search-pic
{
  width:25px;
  height:25px;
}

.catalog-menu-pictures
{
  max-height:200px;
}

.catalog-menu-text
{
  position:absolute;
  top:10%;
  left:10%;
}

.table-header
{
  font-weight:bold;
  padding:.75rem;
  color:var(--info);
  background:var(--white_bg);
  border-color:var(--secondary);
  border-bottom:2px solid var(--secondary);
  border-top:1px solid var(--secondary);
}

.table-data
{
  padding:.75rem;
  vertical-align:top;
  border-top:1px solid #dee2e6;
}

.default-set
{
  background:transparent none repeat scroll 0 0;
  font-size:18px;
  line-height:1;
  padding:10px;
  text-transform:uppercase;
  transition:all .3s ease 0;
  border-radius:50px;
  height:40px;
  width:40px;
  text-align:center;
  border:1px solid #ddd;
  color:#777;
}

.default-is-set
{
  font-size:18px;
  line-height:1;
  padding:10px;
  text-transform:uppercase;
  transition:all .3s ease 0;
  border-radius:50px;
  height:40px;
  width:40px;
  text-align:center;
  background:#28a745 none repeat scroll 0 0;
  border:1px solid #ddd;
  color:#fff;
}

.default-is-set-btn
{
  font-family:themify;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.leftfilterarea-show
{
  display:block;
  opacity:1;
  visibility:visible;
  background:white;
}

footer .copyright
{
  text-align:left!important;
}

.best-selling-2-list > .product-wrapper > .best-selling-2-img img
{
  width:100%;
  height:auto;
padding-bottom:0px;
}

.tablet-funnel
{
  font-family:Pe-icon-7-stroke;
  speak:none;
  position:fixed;
  left:0;
  top:calc(50%-40px);
  width:40px;
  height:40px;
  border-radius:0 25px 25px 0;
  border-style:solid solid solid none;
  border-width:1px;
  font-size:20px;
  padding:5px 5px 5px 7px;
  z-index:10000;
  cursor:pointer;
  color:#686868;
  background-color:white;
  border-color:#e7e7e7;
  box-shadow:0 0 15px rgba(0,0,0,0.1);
}

.thirdmenu-wrapper
{
  border-right:1px solid #e7e7e7;
}

.product-content-electro2 > h3 a
{
  color:#1c1e23;
}

.product-content-7 > h4 a
{
  color:#383838;
}

.product-content-7 > h4 a:hover
{
  color:var(--primary);
}

.bannertwo-banner-content > a:hover
{
  color:#ccc;
}

.button:hover
{
  background:var(--primary);
  border:1px solid var(--primary)!important;
  color:var(--text_white);
}

.section-title-5 > p span
{
  color:#1f51d3;
}

.breadcrumb-content
{
  border-bottom:1px solid #ccc;
}

#ModalProductView .close:hover
{
  color:#999999;
}

.white-bg
{
  background:#fff;
padding:20px;
}

.quick-view-content > p,.quick-view-content > div
{
  color:#383838;
}

.login-form-container input,select
{
  background:#fff none repeat scroll 0 0;
  border:1px solid #ddd;
  color:#383838;
}

.login-form-container .default-btn,.default-btn
{
  border:1px solid #ddd;
  color:#777;
}

.payment-method input[type=radio]:hover
{
  background-color:var(--secondary);
}

.payment-method input[type=radio]:checked
{
  background-color:var(--primary);
  color:var(--text_white);
}

.pagination-style a:hover
{
  background-color:#3f3f3f;
  color:#fff;
  border:1px solid #3f3f3f;
}

.headline-links
{
  color:var(--info)!important;
  font-size:11px;
}

.headline-links:hover
{
  color:var(--primary)!important;
  font-weight:bold;
}

.shopping-cart-content.bg-danger *,.quickview-btn-wishlist .btn-hover:hover
{
  color:white;
}

.img-w-100,.searchfield form,.bannertwo-banner-img > img,.order-pos-table > form,.order-pos-table table,.open-items-table table
{
  width:100%;
}

.img-h-100,.quickview-btn-wishlist > form
{
  height:100%;
}

.img-wh-cover,.product-img-3-b img
{
  width:100%;
height:auto;
  object-fit:scale-down;
}

.fix,.banner-wrapper-4 > a:first-child,.best-selling-2-list > .product-wrapper > .best-selling-2-img
{
  overflow:hidden;
}

a:hover,.menu-hover > a:hover,.product-list-info > h4 > a:hover
{
  text-decoration:none;
  color:var(--primary_light);
}

.bold,.reviews #rating-count,#write-review-title
{
  font-weight:bold;
}

.header,.catalog-menu ul li:hover > a,.catalog-menu ul li:hover > a i
{
  color:var(--primary);
}

.languageselectmenu:hover .languageselectoption,.myaccountmenu:hover .myaccountoption
{
  visibility:visible;
  opacity:1;
}

.cart-link a:hover,.breadcrumb-content li a:hover,.product-content h4 a:hover
{
  text-decoration:none;
  color:var(--primary);
}

.cart-delete > a:hover,.cart-title h5 a:hover,.cart-title h6 a:hover,.product-content-6b > h4 a:hover,.best-selling-2-list .product-wrapper h4 a:hover,.product-content-electro2 > h3 a:hover,.product-content-5 > h4 a:hover,.product-content-6 > h4 a:hover,.shop-found > p span,.coupon-accordion span:hover,.shop-tab-inactive:hover
{
  color:var(--primary);
}

.cart-delete > a:hover,.cart-title h5 a:hover,.cart-title h6 a:hover,.product-content-6b > h4 a:hover,.best-selling-2-list .product-wrapper-detail h4 a:hover,.product-content-electro2 > h3 a:hover,.product-content-5 > h4 a:hover,.product-content-6 > h4 a:hover,.shop-found > p span,.coupon-accordion span:hover,.shop-tab-inactive:hover
{
  color:var(--primary);
}

.btn-hover,.slider-area,.bannertwo-banner-img,.breadcrumb-content li a,.sidebar-search form
{
  position:relative;
}

.btn-hover:hover::before,.product-list-button form:hover::before,.btn-hover-black:hover::before
{
  transform:scaleX(0);
}

.cursor-pointer,.catalog-menu ul li a:hover
{
  cursor:pointer;
}

.MenuTwoWrapper .main-menu-wrapper {
	top: 3rem;
	left: 0rem;
	display:none;
}

.main-menu-wrapper,.main-menu-wrapper-2
{
  left:5px;
  width:calc(100%-10px);
  display:none;
  z-index:1000;
  border-bottom: solid 1px #b4b5bc;
  border-left: solid 1px #b4b5bc;
  border-right: solid 1px #b4b5bc;
  margin-top:1px;
}

.submenu-entry,.submenu-entry-v-v-v
{
  text-align:left;
  height:60px;
  border-bottom:1px solid #e7e7e7;
}

.submenu-entry:hover,.submenu-entry-2:hover,.submenu-entry-v-v-v:hover
{
  color:#003865;
}

.submenu-entry:last-child,.submenu-entry-2:last-child,.submenu-entry-v-v-v:last-child
{
  border-bottom:1px none #e7e7e7;
}

.submenu-title:hover,.thirdmenu-entry:hover,.single-dropdown > li > a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:var(--primary);
}

.submenu-wrapper,.submenu-wrapper-v-v-v
{
  opacity:0;
  left:100%;
  visibility:hidden;
  width:100%;
  top:0;
  display:none!important;
}

.single-dropdown > li > a,.single-dropdown > li
{
  text-transform:capitalize!important;
  color:#383838;
}

.mobile-menu-area.mobile-menu-none-block,.menu-switch-show
{
  display:block;
}

.owl-item.active .fadeinup-animated img,.owl-item.active .fadeinup-animated h1
{
  -webkit-animation-delay:.8s;
  animation-delay:.8s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

.owl-item.active .fadeinup-animated img.slide-img-position,.owl-item.active .fadeinup-animated p
{
  -webkit-animation-delay:1.3s;
  animation-delay:1.3s;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

.hanicraft-action a:last-child::before,.hanicraft-action form:nth-last-child(+2)::before
{
  content:none;
}

.electro-fexible-banner:hover .fexible-content > h3,.electro-fexible-banner:hover .fexible-content > p,.electro-fexible-banner:hover .fexible-content > a,.bannertwo-banner-img:hover .phn-img img
{
  animation:700ms ease-in-out 0 normal none 1 running fadeInUp;
}

.product-action-right,.product-action-right-2
{
  opacity:0;
  position:absolute;
  right:-40px;
  top:0;
  transition:all .3s ease 0;
  z-index:999;
}

.product-action-right > a,.product-action-right-2 > a
{
  display:block;
  font-size:25px;
  height:46px;
  line-height:50px;
  text-align:center;
  transition:all .3s ease 0;
  width:50px;
  background-color:#fff;
  border-bottom:1px solid #ddd;
  color:#333;
}

.product-action-right > a:last-child,.product-action-right-2 form:nth-last-child(+2) > .product-action-right-2-button,.product-action-right-2 > a:last-child,.product-action-right-2 > form:last-child
{
  border-bottom:medium none;
}

.product-content-5,.product-content-6
{
  bottom:5%;
  left:50%;
  padding:1rem;
  position:absolute;
  transform:translateX(-50%);
  background-color:rgba(255,255,255,0.5);
}

.product-content-5 > span,.product-content-6 > span
{
  display:block;
  font-size:13px;
  margin-bottom:14px;
  color:#383838;
}

.best-selling-list > :first-child,.best-selling-2-list > :first-child
{
  width:100%;
  height:30rem;
}

.best-selling-list > div,.best-selling-2-list > div
{
  width:100%;
  height:30rem;
  margin-bottom:1rem;
}

#divProductAreaTwo > .row > div,.mb-30
{
  margin-bottom:30px;
}

.product-action-electro form,.product-action > div
{
  display:inline-block;
}

.footer-widget-content-3 ul li:last-child,.coupon-info p,.shop-tab > label
{
  margin-bottom:0;
}

.footer-widget-content-3 ul li:hover
{
  text-decoration:none;
  color:var(--text_white);
}

.footer-widget-content-3 a:hover
{
  text-decoration:none;
  color:var(--text_black);
}

.footer-menu li a:hover
{
  text-decoration:none;
  color:var(--primary_light);
}

.breadcrumb-content li:not(:last-child)::after,.breadcrumb-catalog li:first-child::before
{
  border-radius:100%;
  content:"\e65d";
  display:inline;
  font-family:themify;
  font-size:12px;
  height:12px;
  line-height:12px;
  margin:0 10px;
  padding-left:0px;
  text-align:center;
  vertical-align:middle;
  width:12px;
  background-color:var(--primary);
  color:var(--text_white);
}

.sidebar-categories ul,.footer-menu ul
{
  margin:0;
  padding:0;
}

.product-action > a.animate-left,.product-action form:first-child
{
  transform:translateX(0px);
  transition:all .4s ease-in 0;
}

.product-wrapper:hover .product-action > a.animate-left,.product-wrapper:hover .product-action > a.animate-right,.product-wrapper:hover .product-action form:first-child
{
  transform:translateX(0px);
}

.product-wrapper-detail:hover .product-action > a.animate-left,.product-wrapper-detail:hover .product-action > a.animate-right,.product-wrapper-detail:hover .product-action form:first-child
{
  transform:translateX(0px);
}

.product-action > a.animate-top,.product-action form:nth-child(2)
{
  transform:translateY(0px);
  transition:all .4s ease-in 0;
}

.product-wrapper:hover .product-action > a.animate-top,.product-wrapper:hover .product-action form:nth-child(2)
{
  transform:translateY(0px);
}

.product-wrapper-detail:hover .product-action > a.animate-top,.product-wrapper-detail:hover .product-action form:nth-child(2)
{
  transform:translateY(0px);
}

.productoverview > .product-switch-hide,.ppp-hide,.menu-switch-hide,.catalog-menu ul li ul,.live-search-container .variant-banner,.leftfilterarea
{
  display:none;
}

.price span.new,.details-price span.new
{
  margin-right:.0em;
  color:#383838;
}

.quick-view-content > h3,.product-details-content > h3,.inner-wrapper-sticky > h3
{
  font-size:20px;
  font-weight:bold;
  margin-bottom:12px;
  color:#383838;
}

.cart-subtotal:nth-child(even),.cart-total:nth-child(even),.wc-proceed-to-checkout,.slider-filter-text input[id*='_To'],.myaccount-addresses table .set-address
{
  text-align:right;
}

.cart-subtotal:nth-child(odd),.cart-total:nth-child(odd),.slider-filter-text input[id*='_From']
{
  text-align:left;
}

.login-text span,.write-review .modal .modal-body span
{
  font-size:15px;
}

.login-form-container input[type=submit]:hover,.default-btn:hover,.default-set:hover
{
  cursor:pointer;
  background-color:var(--primary);
  border:1px solid var(--primary);
  color:var(--text_white);
}

.login-form-container .default-btn,.button-box .default-btn,#divProductPicVar ul
{
  margin-top:30px;
}

.your-order-table,.your-order-table-row
{
  border-right:medium none;
  border-bottom:1px solid #d8d8d8;
}

.prl-15,.prl-fluid
{
  padding-left:15px;
  padding-right:15px;
  background-color:
}

.myaccount-addresses table .set-address form,.reviews #rating-count-value
{
  display:inline;
}

#divLogo img,.product-details #divProductDescription .tab-content img
{
  max-width:100%;
}

.best-selling-2-list .product-wrapper h4 a,.best-selling-2-list .product-wrapper h5,.product-content-5 > h4 a,.product-content-6 > h4 a,.product-content h4,.product-content h4 a
{
  color:#383838;
}

.variant-banner-padding,.best-selling-2-img > a > img
{
  padding:9px;
}

.live-search-container .product-desc,.live-search-container .product-list-button,.live-search-container .product-action-list-style,.rightproductarea
{
  display:none!important;
}

.live-search-container .product-img, .live-search-container .product-content-list
{
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
}

.menu-hover > a,.electro-slider-btn:hover
{
  color:var(--text_white);
}

.hanicraft-action-button:hover,.login-toggle-btn-a:hover
{
  color:var(--primary);
  font-weight:bold;
}

.soldout-btn
{
  background:#D22C30;
  padding:2px;
  color:#fff;
  max-width:250px;
}

.product-action-right > a:hover,.product-action-right-2 > a:hover,.product-action-right-2-button:hover
{
  background-color:#333;
  border-bottom:1px solid #333;
  color:#fff;
}

.product-action-electro a:hover,.product-action-electro-button:hover,.product-action-basket a:hover
{
  background:var(--primary);
  border:1px solid var(--primary);
  color:var(text_white);
}

.breadcrumb-content li.active,.description-review-title a.active
{
  color:var(--primary);
}

.sidebar-search form > button:hover,.product-action input[type="submit"]:hover,.product-action a:hover,.product-action-list-style a:hover,.rating-button:hover,.filter-button:hover
{
  background-color:var(--primary);
  color:var(--text_white);
}

.wc-proceed-to-checkout a:hover,.wc-proceed-to-checkout input[type=submit]:hover
{
}

.your-order-table-row:hover,.gray-bg-7
{
  background:var(--secondary);
}

.order-button-payment input[type=submit]:hover,.order-button-payment input[type=button]:hover,.order-button-payment button:hover,.sofortueberweisung:hover
{
  background:var(--primary-hover);
  border:1px solid var(--primary-hover);
  color:var(--text_white);
}

.catalog-menu-text > h4,.catalog-menu-text > span
{
  color:white;
  text-shadow:0 0 10px #000;
}

.overlay-waiting {
  position: fixed;
  z-index: 20000;
  top: 0%;
  left: 0;
  background: #fff;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}

.waiting 
{
  top: 45%;
  left: 0;
  position:fixed;
  width:100%;
  height:100%;
  z-index:25000;
  text-align:center;
}

.footer 
{
    background: url(../img/footer-bg.jpg) no-repeat center / cover;
    position: relative;
    z-index: 1;
    padding-bottom: 35px;
}

.footer::before 
{
  content: "";
  position: absolute;
  top: 0;   
  left: 0;
  width: 100%;
  height: 100%;
  background: #000529; /* Old browsers */
  background: -moz-linear-gradient(left, #000529 1%, #002055 24%, #005db5 67%, #0074d9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000529 1%,#002055 24%,#005db5 67%,#0074d9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);
  opacity: 0.85;
  z-index: -1;
}

.contact-form,.contact-address 
{
  background: #fff;
  padding: 20px 65px;
  margin-bottom: 20px;
  margin-top: -80px;
  border: 1px solid #ddd;
}

.contact-form input,.contact-form textarea,.contact-form button 
{
    border: 1px solid #bbb;
color:#555;
}

.contact-form button 
{
	transition: all 0.4s; 
}

.blog-reply button:hover ,.contact-form button:hover 
{
    background: #0074da;
    border-color: #0074da;
    color: #fff;
}

.contact-form h4,.contact-address h4 
{
    margin-bottom: 20px;
    font-size: 20px;
}

.contact-address li 
{
    margin-bottom: 12px;
    display: flex;
}

.contact-address li .contact-address-icon 
{
    flex: 1;
}

.contact-address li .contact-address-info 
{
    flex: 6;
}

.contact-address li .contact-address-icon i::before 
{
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 1px solid #0074da;
    display: block;
    text-align: center;
    line-height: 39px;
    font-size: 18px;
    transition: all 0.4s;
}

.contact-address li .contact-address-info a 
{
    display: block;
}

.contact-address p 
{
    margin-bottom: 0px;
    padding-top: 0px;
}

.contact-address li:hover .contact-address-icon i::before 
{
    background: #0074da;
    color: #fff;
}

.subscribe-form 
{
    margin: 40px 0 40px;
    text-align: center;
}

.copyright-area 
{
    text-align: center;
}

.copyright-area ul li 
{
    display: inline-block;
}

.copyright-area ul li a 
{
  width: 35px;
  height: 35px;
  color: #0074da;
  background: #fff;
  display: inline-block;
  line-height: 35px;
  font-size: 16px;
  border-radius: 100%;
  margin: 0 5px;
}

.copyright-area ul li a:hover 
{
    background: #0074da;
    color: #fff;
}

.copyright-area ul 
{
    margin-bottom: 30px;
}

.copyright-area div     
{
  color: #fff;
}

.copyright-area div a 
{
    color: #fff;
    border-bottom: 1px solid #fff;
}

.subscribe-form form 
{
    position: relative;
    max-width: 580px;
    margin: auto;
    z-index: 1;
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    background: #fff;
}

.subscribe-form form input 
{
    background: transparent;
    border: 0;
    width: 70%;
    padding: 15px 30px;
    float: left;
    margin: 0;
}

.subscribe-form form button 
{
    width: 29%;
    padding: 15px 30px;
    border: 0;
    border-radius: 30px;
    background: #0074da;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    float: right;
    margin: 0;
    margin-right: -1%;
}

.about-area 
{
  text-align: center;
}

.single-about-box 
{
  padding: 25px;
  transition: all 0.4s;
}

.single-about-box i::before 
{
    color:#0B25F4;
    font-size: 40px;
    transition: all 0.4s;
    display: block;
}

.single-about-box.active,.single-about-box:hover 
{
  box-shadow: 0 0 5px #ccc;
}

.single-about-box.active i::before ,.single-about-box:hover i::before 
{
    color: #000;
}

.single-about-box h4 
{
  margin: 25px 0 15px;
}

.newsletter .newsletter-follow 
{
  text-align: center;
}

.newsletter .newsletter-follow li 
{
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child 
{
  margin-right: 0px;
}

.newsletter .newsletter-follow li a 
{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus 
{
  background-color: #E4E7ED;
  color: #638DA1;
}

.offer-item   
{
border-radius: 5%;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
margin-top: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.offer-open
{
border: 8px solid #86AED1;
}

.offer-decline
{
border: 8px solid #e9896a;
}

.offer-accepted
{
border: 8px solid #7eca9c;
}

.page-container 
{
  position: relative;
  min-height: CALC(100vh - 1px);
}

.pageFooter 
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45px;
}

@media (max-width: 575px) 
{
  .offer-button
    {
    width: 100%;
    }
}

.product-slider
{
  background:var(--white_bg);
  padding:0px 0px;
  box-sizing:border-box;
}

.slider-heading
{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin:0px auto;
  padding:0px 0px;
}

.slider-heading h4
{
  font-size: 1.5rem;
  color:var(--primary);
  font-weight:500;
  letter-spacing:0.5px;
  line-height:20px;
}

.slider-heading h4 span
{
  color:var(--primary_light);
}

.soldout-container
{
 position: relative;
  text-align: center;
  color: white;
}

.soldout
{
position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

input[type="checkbox"].toggle {
  opacity: 0;
  position: absolute;
  left: -9000px;
  top: -9000px;
}

input[type="checkbox"].toggle + label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

input[type="checkbox"].toggle + label::before {
  content: "";
  width: 4em;
  height: 2em;
  background-color: hsl(0, 80%, 90%);
  border-radius: 1em;
  margin-right: .25em;
  transition: background-color 200ms ease-in-out;
}

input[type="checkbox"].toggle + label::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "\2715";
  font-size: .5em;
  height: .9em;
  left: .2em;
  width: 3.6em;
  height: 3.6em;
  background-color: hsl(0, 80%, 60%);
  color: white;
  border-radius: 5em;
  transition: background-color 200ms ease-in-out, transform 200ms ease-in-out;
}

input[type="checkbox"].toggle:focus + label::before {
  outline: 1px solid black;
}

input[type="checkbox"].toggle:checked + label::before {
  background-color: hsl(100, 70%, 90%);
}

input[type="checkbox"].toggle:checked + label::after {
  content: "\2713";
  transform: translateX(100%);
  background-color: hsl(100, 70%, 60%);
}

input[type="checkbox"].toggle:disabled + label {
  color: #777;
}

input[type="checkbox"].toggle:disabled + label::before {
  background-color: #CCC;
}

input[type="checkbox"].toggle:disabled + label::after {
  background-color: #777;
}




/* &#x vor den pe-7s-stroke Content als Buttonbeschriftung */
/* &#xe66e - für Warenkorb: Der Artikel wurde in den Warenkorb gelegt.*/
/* &#xe642 - für Wunschliste: Artikel wurde der Wunschliste hinzugefügt.*/
/* &#xe61b - für Vergleichsliste: Artikel wurde dem Vergleich hinzugefügt.*/	
/* &#xe66d Truck */
/* &#xe6a7 Download */