.clearfix2:before, .clearfix2:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

.boxshadow{  
    border:none;
    border-radius: 1px;
    background: white;
    box-shadow: -2px 0px 39px 7px rgba(115,115,115,0.75);
    -webkit-box-shadow: -2px 0px 39px 7px rgba(115,115,115,0.75);
    -moz-box-shadow: -2px 0px 39px 7px rgba(115,115,115,0.75);
}

.wrapper {
  position: relative;
  z-index: 90;
}  

.ribbon-wrapper {
  width: 150px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  right: -3px;
}

.ribbon-green {
   font-size: 17px;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 5px 0;
  right: -49px;
  top: 20px;
  width: 150px;
  background-color: #009933;
  color: white;
}
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-green:before {left: 0;}
.ribbon-green:after {right: 0;}

.ribbon-red {
  font-size: 17px;
  color: #333;
  text-align: center;

  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 5px 0;
  right: -49px;
  top: 20px;
  width: 150px;
  background-color: #FE362D;
  color: white;
}
.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-red:before {left: 0;}
.ribbon-red:after {right: 0;}


.ribbon-blue {
  font-size: 17px;
  color: #333;
  text-align: center;

  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 5px 0;
  right: -49px;
  top: 20px;
  width: 150px;
  background-color: #0066CC;
  color: white;
}
.ribbon-blue:before, .ribbon-blue:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-blue:before {left: 0;}
.ribbon-blue:after {right: 0;}

.grow {
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}
.grow:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}