.pusa-table, .pusa-table-small { width: 100%; margin-bottom: 15px; font-family: helvetica, arial, sans-serif}
.pusa-table a, .pusa-table-small a {font-weight: bold}
 ul.pusa-header { font-weight:bold; width: 100%; padding: 10px 0px; margin: 0px; background-color: #3c3e6e; color: #fff;}

 ul.pusa-list { width: 100%; padding: 0px; margin: 0px; }
 ul.pusa-list > li { display: inline-block; width: 100%; padding: 0px; margin: 0px; list-style: none;}
 
 ul.pusa-header li, ul.pusa-item li { display: inline-block; padding: 0px; margin: 0px; list-style: none; text-align: center; }
 ul.pusa-header > li.pusa-details {text-align: left;}

 ul.pusa-header li.pusa-bonus, ul.pusa-item li.pusa-bonus {padding: 0 1%} 
 
 .pusa-rank {width: 8%;}
 .pusa-logo {width: 13%}
 .pusa-bonus {width: 20%}
 .pusa-details {width: 25%}
 .pusa-rating {width: 17%}
 .pusa-button {width: 12%}
 .pusa-table.cbpage .pusa-bonus {width: 16%}
 .pusa-table.cbpage .pusa-promo {width: 12%}
 .pusa-table.cbpage .pusa-rating {width: 13%}
 .pusa-table.cbpage ul.pusa-item > li.pusa-promo {
    background-color: #f0f0f0; 
    font-family: monospace; 
    border: 2px dashed #ccc;
    font-size: 20px; 
    line-height: 140%; 
    color:#e4222c;
 }
 .pusa-table.cbpage ul.pusa-item > li.pusa-promo span { display:none; }


 ul.pusa-list > li:nth-child(even) { background-color: #f9f9f9; }

 ul.pusa-item { border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 5px 0px; margin: 0px }
 .pusa-table.cbpage ul.pusa-item {padding: 13px 0;}
 ul.pusa-item:last-child { border-bottom: solid 1px #ccc; }
 ul.pusa-item > li { vertical-align: middle; }

 ul.pusa-item > li.pusa-rank span {text-align: center; color: #404040; font-size: 26px; line-height: 30px; font-weight: bold; display: block; width: 50px;height: 41px; padding: 10px 0;margin-left: 6px;}
 ul.pusa-item > li.pusa-rank.first span {color:#fff; text-shadow:0 -1px rgba(0,0,0,.25); background:url(/wp-content/i15-assets/css/images/sprite.png) no-repeat 0 -26px; }
 ul.pusa-item > li.pusa-logo p {padding: 0px; margin: 0px; color: #e4222c; }
ul.pusa-item > li.pusa-logo img {height: 80px}
.casino-bonus ul.pusa-item > li.pusa-logo img {max-height: 40px}
 ul.pusa-item > li.pusa-bonus {font-size: 25px; line-height: 140%}
 ul.pusa-item > li.pusa-bonus span { color: #e4222c; }
 ul.pusa-item > li.pusa-bonus a {text-decoration: none; font-weight: normal; color: #333}
 ul.pusa-item > li.pusa-bonus p { padding: 0px; margin: 0px; font-size: 15px; color: #919191; }
 ul.pusa-item > li.pusa-details { text-align:left }
 ul.pusa-item > li.pusa-details span { font-weight: bold; }
 ul.pusa-item > li.pusa-details p { padding: 0px; margin: 0px; font-size: 14px; }
 ul.pusa-item > li.pusa-details p a {color: #e4222c;}
 ul.pusa-item > li.pusa-rating span.reviews {display: block; line-height: 30px}
 ul.pusa-item > li.pusa-rating span.reviews strong {font-size: 24px; color: #f25406;}

ul.pusa-item-checklist { width: 100%; padding: 0 0 0 15px; margin: 0px; }
 ul.pusa-item-checklist li { width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: left; }
 ul.pusa-item-checklist-alt { width: 100%; padding: 0px; margin: 0px; font-size: 10px; }
 ul.pusa-item-checklist-alt li { display: inline-block; width: 48%; }

 ul.pusa-item-checklist li i,  ul.pusa-item-checklist-alt li i { padding-right: 3px; color: #e67e22; }

 ul.pusa-item li.pusa-button-mobile a {text-decoration: none;}
 ul.pusa-item li.pusa-button-mobile img {margin: 5px;}

 ul.pusa-item > li.pusa-bonus,  .pusa-btn, .cta-button {font-family: 'Oswald', sans-serif}
 .pusa-btn, a.pusa-btn, .cta-button, a.cta-button {
    display: block;
    width: 70%;
    padding: 10px 0px;
    margin: 0px auto;
    background-color: #e67e22;
    border-bottom: solid 5px #d35400;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

 ul.pusa-item .pusa-btn:hover, ul.pusa-item .cta-button:hover {
    background-color: #d35400;
    border-bottom: solid 5px #e67e22;
}

 ul.pusa-item > li.pusa-post-text p {
    margin-top: 0; 
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
}

ul.pusa-item > li img {
    margin: 5px 0 10px 0;
}
/* NOAMP */
/* overrides for CTA tables */
/* END NOAMP */
.pusa-table.cta {margin-bottom: 30px}

.pusa-table.cta .pusa-logo,
 .pusa-table.cta .pusa-bonus,
 .pusa-table.cta .pusa-details,
 .pusa-table.cta .pusa-button{
    width: 24.5%;
}

.pusa-table.cta ul.pusa-item li.pusa-bonus {padding: 0}

.pusa-table.cta .sr-header{
    padding: 10px; 
    margin: 0px; 
    background-color: #e4222c; 
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.pusa-table.cta .pusa-bonus {font-size: 22px}
.pusa-table.cta .pusa-details {text-align: center}

.pusa-table.cta .sr-header p {margin-bottom: 0}
/* NOAMP */
/* overrides for smaller tables */
/* END NOAMP */
.pusa-table-small .pusa-logo {width: 18%}
.pusa-table-small .pusa-bonus {width: 19%;}
.pusa-table-small ul.pusa-item > li.pusa-bonus {font-size: 20px; }



/* NOAMP */
/************************************************
    Media Queries
************************************************/
/* END NOAMP */
@media screen and (max-width: 1002px) and (min-width: 980px) {
    ul.pusa-item > .pusa-rating {display: none}
    ul.pusa-header > .pusa-rating {display: none}
    .pusa-logo {width: 18%}
    .pusa-bonus {width: 21%}
    .pusa-details {width: 34%}
    .pusa-button {width: 15%}
    .pusa-table-small .pusa-logo {width: 20%}
    .pusa-table-small .pusa-bonus {width: 25%}
    .pusa-table.cbpage .pusa-bonus {width: 19%;}
    .pusa-table.cta .pusa-logo {width: 20%}
    .pusa-table.cta .pusa-bonus {width: 21%}
    .pusa-table.cta .pusa-details {width: 34%}
    .pusa-table.cta .pusa-button {width: 15%}
}    

@media screen and (max-width: 979px) and (min-width: 767px) {
    ul.pusa-item > .pusa-rating {display: none}
    ul.pusa-header > .pusa-rating {display: none}
    .pusa-rank {width: 10%}
    .pusa-logo {width: 18%}
    .pusa-bonus {width: 21%}
    .pusa-details {width: 30%}
    ul.pusa-item .pusa-details {font-size: 11px}
    .pusa-button {width: 15%}
    .pusa-table-small .pusa-logo {width: 20%}
    .pusa-table-small .pusa-button {width: 22%}
    .pusa-table.cbpage .pusa-bonus {width: 17%;}
    .pusa-table.cbpage ul.pusa-item > li.pusa-promo {font-size: 20px}
    .pusa-table.cta .pusa-rank {width: 10%}
    .pusa-table.cta .pusa-logo {width: 20%}
    .pusa-table.cta .pusa-bonus {width: 23%}
    .pusa-table.cta .pusa-details {width: 30%; font-size: 11px}
    
}
   

@media screen and (max-width: 767px) and (min-width: 480px) {

    ul.pusa-item > li.pusa-rating {display: none;}
    ul.pusa-item > li.pusa-promo {display: none;}
    ul.pusa-header { display: none; }
    ul.pusa-list > li:first-child { border-top: solid 1px #ccc; }
    ul.pusa-item { padding: 15px 0px; }
    ul.pusa-item > li, ul.pusa-item > li.button { width: 48%}
    ul.pusa-item > li.pusa-details, ul.pusa-item > li.pusa-button { padding-top: 10px; }
    ul.pusa-item .pusa-btn, ul.pusa-item .cta-button { width: 70%; }
    ul.pusa-item-checklist-alt {font-size: 13px;}
    ul.pusa-item > li.pusa-details, ul.pusa-item-checklist li {text-align: center}
    ul.pusa-item > li.pusa-logo p, ul.pusa-item > li.pusa-details span { display: none; }
    .pusa-table.cbpage .pusa-bonus {width: 45%;}
    ul.pusa-item > li.pusa-rank {position:absolute;width:30px;margin: -14px 0 0 -6px;}
    .pusa-table.cta .pusa-logo,
 .pusa-table.cta .pusa-bonus,
 .pusa-table.cta .pusa-details,
 .pusa-table.cta .pusa-button{
    width: 48%;
}
.pusa-table-small .pusa-logo {width: 48%}
    .pusa-table-small .pusa-button {width: 48%}
    .pusa-table-small .pusa-bonus {width: 48%}
    
}

@media screen and (max-width: 479px) {
    
    ul.pusa-item > li.pusa-rating {display: none;}
    ul.pusa-header { display: none; }
    ul.pusa-list > li:first-child { border-top: solid 1px #ccc; }
    ul.pusa-item > li { display: block; width: 100%; text-align: center; margin: 0px auto; }
    ul.pusa-item > li.pusa-logo p, ul.pusa-item > li.pusa-details span { display: none; }
    ul.pusa-item > li:nth-child(even) { padding: 10px 0px; }
    ul.pusa-item-checklist-alt { width: 100%; }
    ul.pusa-item-checklist-alt li { width: 49%; }
    ul.pusa-item-checklist-alt {font-size: 13px;}
    ul.pusa-item > li.pusa-rating {padding: 0}
    ul.pusa-item > li.pusa-details, ul.pusa-item-checklist li {text-align: center}
    ul.pusa-item > li.pusa-rank {position:absolute;width:30px;padding-top: 5px}
    .pusa-table.cta .pusa-logo,
 .pusa-table.cta .pusa-bonus,
 .pusa-table.cta .pusa-details,
 .pusa-table.cta .pusa-button{width: 100%;}

    .pusa-table.cbpage .pusa-bonus {width: 100%;}
    .pusa-table.cbpage ul.pusa-item > li.pusa-promo span { display: inline; color: #333; font-size: 16px; font-family: 'Oswald' }
    .pusa-table.cbpage ul.pusa-item > li.pusa-promo {width: 60%; margin: 10px auto; padding: 7px; font-size: 16px; font-family: 'Oswald';}
    .pusa-table-small .pusa-logo {width: 100%}
    .pusa-table-small .pusa-button {width: 100%}
    .pusa-table-small .pusa-bonus {width: 100%}
}

.ct2-table { clear: both; }
.ct2-table p { margin: 0px; }

ul.ct2-head { display: table; margin: 0px 0px 0px 1px; padding: 0px; width: 100%; }
ul.ct2-head > li { display: table-cell; margin: 0px; padding: 10px 0px; list-style: none; vertical-align: middle; width: 17%; border-right: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7; text-align: center; }
ul.ct2-head > li:first-child { border-top: none; }
ul.ct2-head > li:nth-child(5) { width: 10%; }
ul.ct2-head > li:last-child { border-right: none; border-top: none; }
ul.ct2-head > li div { font-weight: bold; }

ul.ct2 { margin: 0px; padding: 0px; width: 100%; }
ul.ct2 > li { clear: both; margin: 0px; padding: 0px; list-style: none; width: 100%; border-left: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7; }
ul.ct2 > li:first-child { border-bottom: solid 1px #e7e7e7; }
ul.ct2 > li:nth-child(2) { border-top: none; }
ul.ct2 > li:last-child { border-bottom: solid 1px #e7e7e7; }

ul.ct2 li.ct2-featured { background-color: #fafafa; animation: border-pulsate 2s infinite; }

ul.ct2 .ct2-col-2 span { display: block; font-size: 20px; font-weight: bold; }
ul.ct2 .ct2-featured .ct2-col-2 span { color: #cb433c; }
ul.ct2 .ct2-col-3 .rating span { font-size: 16px; font-weight: bold; }
ul.ct2 .ct2-featured .ct2-col-3 .rating span { color: #cb433c; }
ul.ct2 .ct2-col-5,ul.ct2 .ct2-col-2,ul.ct2 .ct2-col-3 { font-size: 20px; font-weight: bold; }
ul.ct2 .ct2-featured .ct2-col-5 { color: #cb433c; }
ul.ct2 .ct2-col-2 div.label { display: none; }
ul.ct2 .ct2-col-3 div.label { display: none; }
ul.ct2 .ct2-col-4 div.label { display: none; }
ul.ct2 .ct2-col-5 div.label { display: none; }

ul.ct2 .shortcode-star-rating [class^="dashicons dashicons-star-"]:before { color: #acacac; }
ul.ct2 li.ct2-featured .shortcode-star-rating [class^="dashicons dashicons-star-"]:before { color: #cb433c; }

.ct2-table ul.ct2-row { display: table; margin: 0px; padding: 0px; width: 100%; min-height: 130px; padding-left: 0}

ul.ct2-row > li { display: table-cell; margin: 0px; padding: 0px; list-style: none; vertical-align: middle; width: 17%; text-align: center; border-right: solid 1px #e7e7e7; }

ul.ct2-row > li.ct2-col-5 { width: 10%; }
ul.ct2-row > li:last-child { border-right: none; }
.ct2-logo {padding: 5px}
.ct2-logo img {max-width: 130px}

.ct2-table .cta-button {
  display: block;
  width: 70%;
  font-family: 'Oswald', sans-serif;
  padding: 10px 0px;
  margin: 0px auto;
  background-color: #e67e22;
  border-bottom: solid 5px #d35400;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

.ct2-table .cta-button:hover { background-color: #d35400; border-bottom: solid 5px #e67e22; }

.ct2-editorschoice {
  position: relative;
  display: block;
  width: 70%;
  margin: 0px;
  padding: 3px 0px 3px 10px;
  background: #cf8d89;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  animation: bg-pulsate 2s infinite; 
  white-space: nowrap;
}
.ct2-editorschoice:after {
  content: "";
  position: absolute;
  display: block;
  border: 1.1em solid #cf8d89;
  animation: border-pulsate2 2s infinite; 
  right: -1.8em;
  top: 0;
  border-left-width: 0.7em;
  border-right-color: transparent;
}
/* NOAMP */
@keyframes border-pulsate {
    0%   { border-color: rgba(231, 231, 231, 1); }
    50%   { border-color: rgba(203, 67, 60, 1); }
    100%   { border-color: rgba(231, 231, 231, 1); }
}

@keyframes border-pulsate2 {
    0%   { border-color: rgba(203, 141, 137, 1); border-right-color: transparent; }
    50%   { border-color: rgba(203, 67, 60, 1); border-right-color: transparent; }
    100%   { border-color: rgba(203, 141, 137, 1); border-right-color: transparent; }
}

@keyframes bg-pulsate {
    0%   { background-color: rgba(203, 141, 137, 1); }
    50%   { background-color: rgba(203, 67, 60, 1); }
    100%   { background-color: rgba(203, 141, 137, 1); }
}

/************************************************
    .ct2 Media Queries
************************************************/
/* END NOAMP */
@media screen and (max-width: 979px) {
  .ct2-editorschoice { padding: 2px 0px 3px 10px; font-size: 11px; }
}

@media screen and (max-width: 767px) {
  ul.ct2-head { display: none; }
  ul.ct2-row > li { display: block; width: 33%; float: left; border-right: none; }
  ul.ct2-row > li.ct2-col-2 { padding-top: 25px; }
  ul.ct2-row > li.ct2-col-3 { padding-top: 25px; }
  ul.ct2-row > li.ct2-col-4 { clear: both; padding: 5px 0px;  }
  ul.ct2-row > li.ct2-col-5 { width: 33%; padding-top: 35px; }
  ul.ct2-row > li.ct2-col-5 .ct2-totalgames { display: none;  }
  ul.ct2-row > li.ct2-col-6 { padding-top: 35px;  }
  ul.ct2 .ct2-col-2 div.label { display: block; font-size: 16px; font-weight: bold; color: #000; }
  ul.ct2 .ct2-col-3 div.label { display: block; font-size: 16px; font-weight: bold; color: #000; }
  ul.ct2 .ct2-col-4 div.label { display: block; font-size: 16px; font-weight: bold; color: #000; }
  ul.ct2 .ct2-col-5 div.label { display: block; font-size: 16px; font-weight: bold; color: #000; }
}

@media screen and (max-width: 479px) {
  ul.ct2-row > li { width: 50%; }
  ul.ct2-row > li.ct2-col-3 { clear: both; padding: 5px 0px; }
  ul.ct2-row > li.ct2-col-4 { clear: none;  }
  ul.ct2-row > li.ct2-col-5 { width: 50%; clear: both; padding-top: 0px; }
  ul.ct2-row > li.ct2-col-6 { padding-top: 0px; padding-bottom: 5px; }
}

#content-area .opr-table ul, .opr-table ul {
  margin: 0;
}

#content-area .opr-table ul li, .opr-table ul li {
  margin-left: 0;
  margin-right:0;
  padding: 0;
}
.opr-tabbedtable { display: none; padding: 0px; }
.opr-table-active { display: block }
.opr-table-tabs { margin-top: 10px; }
.opr-tab { display: inline-block; background-color: #b10009; padding: 10px 20px; text-align: center; color: #fff; }
.opr-tab:hover { background-color: #e4222c; cursor: pointer; }
 .opr-tab-active { background-color: #e4222c; cursor: auto; }

.opr-table { width: 100%; padding: 15px 0px;  font-family: helvetica, arial, sans-serif}
.opr-tabbedtable .opr-table {padding-top: 0}
ul.opr-header { width: 100%; padding: 10px 0px; margin: 0px; background-color: #e4222c; color: #fff;}

ul.opr-list { width: 100%; padding: 0px; margin: 0px; }
ul.opr-list li { position: relative; display: inline-block; width: 100%; padding: 0px; margin: 0px; list-style: none;}

ul.opr-header li, ul.opr-item li { display: inline-block; padding: 0px; margin: 0px; list-style: none; width: 24.5%; text-align: center; }

ul.opr-list > li:nth-child(even) { background-color: #f9f9f9; }

ul.opr-item { border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 5px 0px; margin: 0px}

ul.opr-item:last-child { border-bottom: solid 1px #ccc; }
ul.opr-item > li { vertical-align: middle; }
ul.opr-item > li.opr-logo p { padding: 0px; margin: 0px; color: #e4222c; }
#post-area.type-page li.opr-logo p {margin-top: 0px;}
ul.opr-item > li.opr-logo img {width: 100px}
ul.opr-item > li.opr-bonus { font-size: 25px; line-height: 1.2em}
ul.opr-item > li.opr-bonus span { color: #e4222c; }
ul.opr-item > li.opr-bonus p {margin: 0px; font-size: 15px; color: #919191; }
ul.opr-item > li.opr-details span { font-weight: bold; font-size: 13px}
ul.opr-item > li.opr-details p { padding: 0px; margin: 0px; font-size: 14px; color: #e4222c; }

ul.opr-item-checklist { width: 100%; padding: 0px; margin: 0px; }
#content-area ul.opr-item-checklist li, ul.opr-item-checklist li { width: 100%; padding: 0px; margin: 0 0 0 10px; list-style: none; text-align: left; padding-left: .6em; text-indent: -.6em; font-size: 11px}
ul.opr-item-checklist-alt { width: 100%; padding: 0px; margin: 0px; font-size: 10px; }
ul.opr-item-checklist-alt li { display: inline-block; width: 48%; }

ul.opr-item-checklist li i, ul.opr-item-checklist-alt li i { padding-right: 3px; color: #e67e22; }

ul li.opr-bonus, .opr-btn, .cta-button {font-family: 'Oswald', sans-serif}
ul.opr-item .opr-btn, ul.opr-item .cta-button {
    display: block;
    width: 70%;
    padding: 10px 0px;
    margin: 0px auto;
    background-color: #e67e22;
    border-bottom: solid 5px #d35400;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

ul.opr-item .opr-btn:hover, ul.opr-item .cta-button:hover {
    background-color: #d35400;
    border-bottom: solid 5px #e67e22;
}

ul.opr-item > li.opr-post-text p {
	margin-top: 0; 
	padding: 0 0 0 10px;
	font-size: 13px;
	font-weight: bold;
}

.sr-header{
	width: 100%; 
	padding: 0; 
	margin: 0px; 
	background-color: #e4222c; 
	color: #fff;
	text-align: center;
}

.sr-header p {
	padding: 10px;
        color: #fff;
        margin-bottom: 0;
}


@media screen and (max-width: 1002px) and (min-width: 768px) {

	ul.opr-header { display: none; }
    ul.opr-list > li:first-child { border-top: solid 1px #ccc; }
    ul.opr-item { padding: 15px 0px; }
    ul.opr-item > li, ul.opr-item > li:last-child { width: 49%  }
    ul.opr-item > li.opr-details, ul.opr-item > li:last-child { padding-top: 10px; }
    ul.opr-item .opr-btn, ul.opr-item .cta-button { width: 70%; }

    ul.opr-item-checklist { padding: 0px 10px; }
    ul.opr-item-checklist-alt {font-size: 13px;}
}

@media screen and (max-width: 767px) and (min-width: 600px) {

	ul.opr-header li:last-child { display: none; }
    ul.opr-header li, ul.opr-item > li { width: 32.8%  }
    ul.opr-item > li:last-child { width: 100%  }
    ul.opr-item .opr-btn, ul.opr-item .cta-button { width: 25%; }
    ul.opr-item-checklist-alt {font-size: 12px;}
}

@media screen and (max-width: 599px) and (min-width: 480px) {

	ul.opr-header { display: none; }
    ul.opr-list > li:first-child { border-top: solid 1px #ccc; }
    ul.opr-item { padding: 15px 0px; }
    ul.opr-item > li, ul.opr-item > li:last-child { width: 49% }
    ul.opr-item > li.opr-details, ul.opr-item > li:last-child { padding-top: 10px; }
    ul.opr-item .opr-btn, ul.opr-item .cta-button { width: 70%; }
    ul.opr-item-checklist { padding: 0px 10px; }
    ul.opr-item-checklist-alt {font-size: 13px;}
}

@media screen and (max-width: 479px) {

	ul.opr-header { display: none; }
	ul.opr-list > li:first-child { border-top: solid 1px #ccc; }
	ul.opr-item > li { display: block; width: 100%; text-align: center; margin: 0px auto; }
    ul.opr-item > li.opr-logo p, ul.opr-item > li.opr-details span { display: none; }
    ul.opr-item > li:nth-child(even) { padding: 10px 0px; }
    ul.opr-item-checklist li { text-align: center; }
    ul.opr-item-checklist-alt { width: 100%; }
    ul.opr-item-checklist-alt li { width: 49%; }
    ul.opr-item-checklist-alt {font-size: 13px;}
}


.corner-ribbon{
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.corner-ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#E4222C 0%, #E4222C 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.corner-ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #E4222C;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #E4222C;
}
.corner-ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #E4222C;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #E4222C;
}