body {
	font-size: 14px;
	background-color: #eee
}
.position {
	position: relative;
}
.headerContainer {
	border-radius: 4px;
	width: 90%;
	margin-top: 80px;
	position: absolute;
	left: 5%;
}
.logoContainer {
	width: 100%;
	top: -60px;
	left: 0;
  right: 0;
  text-align: center;
  position: absolute;
}
.logo {
	width: 125px;
	height: 125px;
	border:solid 5px #eee;
}
.title {
	text-align: center;
	margin-top: 85px;
	font-weight: 700
}
.text {
	text-align: center;
	margin: 0;
	padding: 0
}
.accordion {
  max-width: 500px;
  margin: 50px auto;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
  margin-top: 15px;
  margin-bottom: 15px
}
.accordion .card {
	border: 1px solid rgba(130, 130, 130, 0.125);
}

.accordion .card-header {
  border-bottom-color: #EDEFF0;
  background: transparent;
}

.accordion .fa-stack {
  font-size: 14px;
}

.accordion .btn {
  width: 100%;
  font-weight: bold;
  color: #333;
  padding: 0;
  font-size: 14px
}

.accordion .btn-link:hover,
.accordion .btn-link:focus {
  text-decoration: none;
}

.accordion li + li {
  margin-top: 10px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}
.productImage {
	width: 50px;
	height: 50px
}
.productTitle {
	width: 100%;
  font-weight: 700
}
.productTitle p {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  font-size: 14px
}

.productTitle2 {
  width: 100%;
  font-weight: 700;
  position: relative;
}
.productTitle2 p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    font-size: 14px;
    position: absolute;
    top: 12px;
}
.productTitle3 p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    font-size: 14px;
    position: absolute;
    top: 16px;;
    font-weight: 700
}
.pr {
  height: 50px
}

.productPrice p {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	font-weight: 600;
}
marquee { background: #0089fa; }

.rightTI { background: #ff002b;
  white-space: nowrap; 
  overflow: hidden;
  animation: marquee 18s linear infinite;
}
.rightTI:hover {
  animation-play-state: paused;
}
@-webkit-keyframes marquee {
  0% {text-indent: 100%;}
  100% {text-indent: -100%;}
}

.rightCSS { 
  background: #a35dc1;
  overflow: hidden;
} 
.rightCSS div {
  position: relative;
  animation: CSSright linear 18s infinite;
} 
@keyframes CSSright {
  0% { right: -100% }
  100% { right: 100% }
}
.rightCSS:hover div {
  animation-play-state: paused;
}

.rightJS { background: #ffa900; }

.rightJQ { background: #000; color:#fff; }

.li {
  width: 100%;
  padding: 1%;
  height: 30px;
}
.footer {
  text-align: center;
}
.marq {
  width: 100%;
  background-color: #000;
  padding: 17px;
  color: #fff;
}