
body > div.main > section > div.container.product-main-content > div.woocommerce-notices-wrapper {
  padding-top: 100px;
}

.quote {
	position: absolute;
	top: 200px;
	left: 20px;
	z-index: -1;
}

.woocommerce-breadcrumb {
  text-transform: uppercase;
}

/* Style the buttons that are used to open and close the accordion panel */

.accordion {
  background: #000;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.accordion:hover {
  background-color: #393939;
}

/* Style the accordion panel. Note: hidden by default */

.panel {
  padding: 15px 18px;
  width: 100%;
  background-color: white;
  text-align: left;
  display: none;
  overflow: hidden;
  border: solid 1px;
}

.panel > p {
  color: #585858;
}

  progress[value]::-webkit-progress-value {
  background-image:
     -webkit-linear-gradient(-45deg, 
                             transparent 33%, rgba(0, 0, 0, .1) 33%, 
                             rgba(0,0, 0, .1) 66%, transparent 66%),
     -webkit-linear-gradient(top, 
                             rgba(255, 255, 255, .25), 
                             rgba(0, 0, 0, .25)),
     -webkit-linear-gradient(left, #09c, #f44);
    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

.menu-item > a {
	font-size: 14px;
}

hr {
    height: 1px;
    margin-top:50px;
    margin-bottom: 0px;
	border-top: 1px solid #000;
}

body > div.main > section.page-header-module.module.bg-dark > div > div > div > h1 {
	margin-top: 100px;
}