:root{
	--color-gray:#212121;
	--color-hover:#0075DB;
	--color-hover2:#DB8700;
	--color-bgr1:#00315C;
	--color-bgr2:#005AA8;
	--color-bgr3:#1994FF;
	--color-bgr4:#00a650;
}
.glider-main-container{
	display:block;
	margin-top:1em;
}
.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.glider {
	margin: 0 auto;
	position: relative;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	transform: translateZ(0);
}
.glider .cnt-ofrt-flx{
	display:flex;
	flex-flow:column nowrap;
	text-align:left;
	position:relative;
	padding:1em;
}
.glider div .oft-prd{
	position:absolute;
	top:1em;
	right:1em;
	
	padding:2px 5px;
	font-size:80%;
	font-weight:bold;
	background: var(--color-hover2);
	border-radius: 5px;
	color:#FFF;
	
	animation:pulse;
  	animation-duration: 1s;
	animation-delay:1s;
	animation-iteration-count: infinite;
}
.glider div p{
	color:var(--color-gray);
}
.glider div .pr-bfr-dsc{
	text-decoration: line-through;
	font-size:80%;
	color:#777;
}
.glider div .pr-aft-dsc{
	font-size:120%;
	font-weight:bold;
}
.glider div .pr-aft-dsc span{
	margin-left:10px;
	font-size:13px;
	color:var(--color-bgr4);
	font-weight:normal;
}
.glider div .ctg-name{
	display:inline-block;
	padding:2px 5px;
	background:var(--color-bgr3);
	color:#FFF;
	border-radius:5px;
	margin: 10px 0 10px 15px;
	font-size:80%;
}
.glider div .dscrt{
	margin:0;
}
.glider div a{
	width:auto;
	padding:10px;
	margin:1em auto;
	background:var(--color-hover2);
	color:#FFF;
	border:2px solid var(--color-hover2);
	text-decoration:none;
	border-radius:5px;
	transition:all .5s;
	
	display:flex;
	justify-content: center;
	align-items: center;
}
.glider div a:hover{
	background:var(--color-gray);
	border:2px solid var(--color-gray);
}
.glider div a i{
	margin-left:10px;
}
.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}
.glider.draggable {
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.glider.draggable .glider-slide img {
  user-select: none;
  pointer-events: none;
}
.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.glider-slide {
  user-select: none;
  justify-content: center;
  align-content: center;
  width: 100%;
}
.glider-slide .img-prd {
  	max-width: 100%;
	margin:1em 0;
}
.glider-slide .brd-prd{
	position:absolute;
	top:10px;
	left:10px;
}
.glider-slide .brd-prd img{
	height:45px;
	width:auto;
}
.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}
.glider-prev,.glider-next {
	user-select: none;
	position: absolute;
	outline: none;
	padding: 0;
	z-index: 2;
	font-size: 40px;
	text-decoration: none;
	left: -23px;
	border: 0;
	top: 45%;
	transform:translateY(-50%);
	cursor: pointer;
	color: #666;
	opacity: .6;
	line-height: 1;
	transition: opacity .5s cubic-bezier(.17,.67,.83,.67),
			  color .5s cubic-bezier(.17,.67,.83,.67);
	background:none;
}
.glider-prev:hover, .glider-next:hover, .glider-prev:focus, .glider-next:focus {
 	color: #a89cc8;
	opacity: 1;
}
.glider-next {
	right: -23px;
	left: auto;
}
.glider-next.disabled,
.glider-prev.disabled {
  opacity: .25;
  color: #666;
  cursor: default;
}
.glider-slide {
  min-width: 150px;
}
.glider-hide {
  opacity: 0;
}
.glider-dots {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
.glider-dot {
  border: 0;
  padding: 0;
  user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}
.glider-dot:hover, .glider-dot:focus, .glider-dot.active {
	background: var(--color-hover);
}
@media(max-width: 1500px){
  .glider-contain {
 	width: 90%;
  }
}
@media(max-width: 576px){
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }
  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    box-shadow: 0 0 1px rgba(255,255,255,.25);
  }
  
}
