.footers {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
	background: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
}


.bcenter {
 position: fixed;
  top: 30%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  
  
  background: rgba(255, 255, 255, 1);
  color:#000000;
  text-align: center;
  display:none;
  width:400px;
 
  border:2px groove #EBEBEB;
  
  border-radius: 10px;
  
  
  
}


.actiobar {
 	position: fixed;
  bottom: 5%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  
  
 
  text-align: center;
  
}

.actiobar2 {
 	height: 30px;
	
}

.sh2{
	border:1px solid #CCCCCC; padding:0px; border-radius: 0px;	
}

.sh2:hover{
    border-color: #D53228;
}

.sh2:hover img{
  
   opacity: 1;
}

.recp{
	background: -webkit-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  background: -o-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  background: -moz-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
}


	.font_sm{	

		color:#000000;
  }


@media screen and (max-width: 525px) {
  
  .font_sm{
	  font-size:13px;
	  color:#000000;
  }
  

}



.ribbons {
  

 
 

}
.ribbons1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
}
.ribbons1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #F8463F;
}
.ribbons1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbons1 span:before, .ribbons1 span:after {
  position: absolute;
  content: "";
}
.ribbons1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.ribbons1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #C02031;
}
.ribbons2 {
 width: 60px;
 padding: 5px 0;
 position: absolute;
 top: -7px;
 left: 3px;
 text-align: center;
 border-top-left-radius: 3px;
 background: #F47530;
 background-color:#FF0004;
 color:#FFFFFF;
 font-size:16px;
 
}
.ribbons2:before {
 height: 0;
 width: 0;
 right: -5.5px;
 top: 0.1px;
 border-bottom: 6px solid #FF0004;
 border-right: 6px solid transparent;
}
.ribbons2:before, .ribbons2:after {
  content: "";
  position: absolute;
}
.ribbons2:after {
  height: 0;
  width: 0;
  bottom: -29.5px;
  left: 0;
  border-left: 30px solid #FF0004;
  border-right: 30px solid #FF0004;
  border-bottom: 30px solid transparent;
}
.ribbons3 {
  width: 120px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  position: absolute;
  left: -8px;
  top: 35%;
  background: #59324C;
  color:#FFFFFF;
  }
.ribbons3:before, .ribbons3:after {
  content: "";
  position: absolute;
}
.ribbons3:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbons3:after {
  height: 0;
  width: 0;
  right: -14.5px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #59324C;
}
.ribbons4 {
  position: absolute;
  top: 15px;
  padding: 8px 10px;
  background: #00B3ED;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3);
}
.ribbons4:before, .ribbons4:after {
  content: "";
  position: absolute;
}
.ribbons4:before {
  width: 7px;
  height: 100%;
  top: 0;
  left: -6.5px;
  padding: 0 0 7px;
  background: inherit;
  border-radius: 5px 0 0 5px;
}
.ribbons4:after {
  width: 5px;
  height: 5px;
  bottom: -5px;
  left: -4.5px;
  background: lightblue;
  border-radius: 5px 0 0 5px;
 }
.ribbons5 {
  display: block;
  width: calc(100% + 20px);
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  background: #EDBA19;
  position: relative;
  top: 20px;
}
.ribbons5:before, .ribbons5:after {
  content: "";
  position: absolute;
}
.ribbons5:before {
  height: 0;
  width: 0;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #cd8d11;
  border-left: 10px solid transparent;
}
.ribbons5:after {
  height: 0;
  width: 0;
  right: 0;
  bottom: -10px;
  border-top: 10px solid #cd8d11;
  border-right: 10px solid transparent;
}
.wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
}
.wrap:before, .wrap:after {
  content: ""; 
  position: absolute;
}
.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4D6530;
  border-radius: 8px 8px 0px 0px;
}
.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4D6530;
  border-radius: 0px 8px 8px 0px;
}
.ribbons6 {
  width: 60px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  bottom: 2px;
  right: 2px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(0deg);
  border: 1px dashed;
  box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6);
  background: #57DD43;
  text-align: center;
}
@media (min-width: 500px) {
  .ribbonss-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ribbons {
   
  }
}

.zooms {

  transition: transform .2s; /* Animation */
 
}


.zooms:hover {
  transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.bad{
 	position: absolute;
    right:-20px;
    top:-10px;
	
   
   

   
}

.good {
    position:relative;
   width:100%;
}