/* frame color */
.circle-wrap.red {
    background: red;
}

.circle-wrap.black {
    background: black;
}

.circle-wrap.green {
    background: green;
}

.circle-wrap.blue, .product-card .rating-wrap span.blue {
    background: blue;
}

.circle-wrap.orange {
    background: orange;
}

.circle-wrap.yellow {
    background: yellow;
}

.circle-wrap.golden {
    background: goldenrod;
}

.circle-wrap.grey , .product-card .rating-wrap span.grey {
    background: grey;
}

.circle-wrap.brown {
    background: brown;
}

.circle-wrap.chocolate {
    background: chocolate;
}

.circle-wrap.floral {
    background: floralwhite;
    background: url(https://cdn.eyemyeye.us/shared/images/listing/Floral.jpg) center no-repeat!important;
}

.circle-wrap.navy {
    background: navy;
}

.circle-wrap.lightgreen {
    background: lightgreen;
}

.circle-wrap.cedarbrawn {
    background: #5E5042;
}

.circle-wrap.purple {
    background: purple;
}

.circle-wrap.peach {
    background: peachpuff;
}

.circle-wrap.wooden {
    background: linear-gradient(180deg, #512713 0%, #815035 43.23%, #6D4A37 93.23%)!important;
}

.circle-wrap.riflegreen {
    background: #444c38;
}

.circle-wrap.turquoise {
    background: linear-gradient(180deg, #71D3D0 0%, #85DBD6 43.23%, #41AAAD 93.23%)!important;
}

.circle-wrap.gunmetal, .circle-wrap.gunmetal ,.product-card .rating-wrap span.gunmetal  {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}

.circle-wrap.tan {
    background: #D2B48C;
}

.circle-wrap.transparent {
    /* background: transparent; */
    background:  linear-gradient(180deg, #FFFFFF 0%, #DEDEDE 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}

.circle-wrap.babypink {
    background: #FFC0CB;
}

.circle-wrap.olive {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%)!important;
}

.circle-wrap.multicolor {
    background: linear-gradient(160.35deg, #FA1480 0%, #D67CBE 29.08%, #E9BF83 58.16%, #7DE2A5 88.45%, #0DE9DD 111.47%)!important;
}
.circle-wrap.mutedlightorange {
    background: #EB9C5C;
}
.circle-wrap.lime {
    background: #00FF00;
}
.circle-wrap.reddishbrown {
    background: #A52A2A;
}
.circle-wrap.gold {
    background: gold;
}

.circle-wrap.mintgreen {
    background: linear-gradient(169.54deg, #98FF98 -14.87%, #F3FFF9 52.36%, #79F58A 126.98%)!important;
}

.circle-wrap.armygreen {
    background: #4B5320;
}

.circle-wrap.beige {
    background: linear-gradient(132.17deg, #DCBFA6 -18.99%, #F0C9A8 34.4%, #DCBFA6 76.59%)!important;
}

.circle-wrap.mauve {
    background: #E0B0FF;
}

.circle-wrap.tortoise {
    background: linear-gradient(to bottom, #8B4513, #D2B48C);
}

.circle-wrap.havana {
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%)!important;
}

.circle-wrap.mattblue {
    background: #0000FF!important;
}

.circle-wrap.chocolatebrown {
    background: #7B3F00;
}

.circle-wrap.teal {
    background: #008080;
}

.circle-wrap.tealgreen {
    background: #006D5B;
}

.circle-wrap.wine {
    background: #722F37;
}

.circle-wrap.lightburgundy {
    background: rgba(128, 0, 32, 0.74)!important; 
}

.circle-wrap.mattegold {
    background: #D2BF37;
}

.circle-wrap.mattblack {
    background: #28282B;
}

.circle-wrap.lemon {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}

.circle-wrap.aquamarine {
    background: #7FFFD4;
}

.circle-wrap.lavender {
    background: #C079D9;
}

.circle-wrap.ivory {
    background: #ffbf00;
}

.circle-wrap.cyan {
    background: #00FFFF;
}

.circle-wrap.coffee {
    background: #6f4e37;
}

.circle-wrap.silver {
    background: silver;
}

.circle-wrap.smoke {
    background: #848884;
}

.circle-wrap.indigo {
    background: #4B0082;
}

/* for diff section */
.product-card .rating-wrap span:last-child {
    margin-right: 2px;
}

.product-card .rating-wrap span.pink {
    background: #FFBDAE;
}

.product-card .rating-wrap span.yellow {
    background: #FFCD29;
}

.product-card .rating-wrap span.purple {
    background: #6D6FFF;
}

.product-card .rating-wrap span.red {
    background: red;
}

.product-card .rating-wrap span.green {
    background: green;
}

.product-card .rating-wrap span.black {
    background: black;
}

.product-card .rating-wrap span.tortoise {
    background: #7d5446;
}

.product-card .rating-wrap span.brown {
    background: brown;
}
.product-card .rating-wrap span.olive {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%)!important;
}
.product-card .rating-wrap span.havana {
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%)!important;
}
.product-card .rating-wrap span.rose.gold {
    background: linear-gradient(144.39deg, #CF8673 5.03%, #EDBCAE 79.91%)!important;
}
.product-card .rating-wrap span.peach {
    background: linear-gradient(180deg, #F9CDB7 0%, #F6CED5 100%)!important;
}
.product-card .rating-wrap span.transparent {
    background: linear-gradient(180deg, #FFFFFF 0%, #DEDEDE 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.product-card .rating-wrap span.white {
    background: white;
}

.product-card .rating-wrap span.orange {
    background: orange;
}

.product-card .rating-wrap span.silver {
    background: silver;
}

.product-card .rating-wrap span.multicolor {
    background: linear-gradient(160.35deg,#fa1480 0,#d67cbe 29.08%,#e9bf83 58.16%,#7de2a5 88.45%,#0de9dd 111.47%)!important;
}

.product-card .rating-wrap span.wine {
    background: #722F37;
}

.product-card .rating-wrap span.smoke {
    background: #848884;
}

.product-card .rating-wrap span.indigo {
    background: #4B0082;
}

.product-card .rating-wrap span.lavender {
    background: #C079D9;
}

.product-card .rating-wrap span.ivory {
    background: #ffbf00;
}

.product-card .rating-wrap span.cyan {
    background: #00FFFF;
}

.product-card .rating-wrap span.coffee {
    background: #6f4e37;
}


.product-card .rating-wrap span.lightburgundy {
    background: rgba(128, 0, 32, 0.74)!important; 
}

.product-card .rating-wrap span.mattegold {
    background: #D2BF37;
}

.product-card .rating-wrap span.mattblack {
    background: #28282B;
}

.product-card .rating-wrap span.lemon {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}

.product-card .rating-wrap span.aquamarine {
    background: #7FFFD4;
}

.product-card .rating-wrap span.chocolate {
    background: chocolate;
}

.product-card .rating-wrap span.floral {
    background: floralwhite;
}

.product-card .rating-wrap span.navy {
    background: navy;
}

.product-card .rating-wrap span.gold {
    background: gold;
}
/* neww */
.product-card .rating-wrap span.graphite, .circle-wrap.graphite {
    background: #3C3828;
}
.product-card .rating-wrap span.taupe, .circle-wrap.taupe {
background: #B38B6D;
}
.product-card .rating-wrap span.Plum {
    background: #673147!important;
}
.circle-wrap.bronze {
background: #CD7F32;
}
.product-card .rating-wrap span.burgandy {
background:#800020!important;
}
.product-card .rating-wrap span.coral, .circle-wrap.coral  {
background: #FF7F50;
}
.product-card .rating-wrap span.berry, .circle-wrap.berry  {
    background-color: #A01641;
}
.product-card .rating-wrap span.cream, .circle-wrap.cream  {
    background-color: #F6EFE2;
}
.product-card .rating-wrap span.maroon, .circle-wrap.maroon  {
    background-color: #800000;
}
.product-card .rating-wrap span.pistachio, .circle-wrap.pistachio  {
    background-color: #93C572;
}
.product-card .rating-wrap span.marsala, .circle-wrap.marsala  {
    background-color: #5D212D;
}
.product-card .rating-wrap span.mint, .circle-wrap.mint  {
    background-color: #98FB98;
}
.product-card .rating-wrap span.lilac, .circle-wrap.lilac  {
    background-color: #DC92EF;
}
.product-card .rating-wrap span.tan, .circle-wrap.tan  {
    background-color: #D2B48C;
}
.product-card .rating-wrap span.violet, .circle-wrap.violet  {
    background-color: #8f00ff;
}
.product-card .rating-wrap span.zebra, .circle-wrap.zebra  {
    background-color: #171417;
}
.product-card .rating-wrap span.puma, .circle-wrap.puma  {
    background: #ae946d!important;
}
.product-card .rating-wrap span.snake, .circle-wrap.snake  {
    background: #141414!important;
}
.product-card .rating-wrap span.lion, .circle-wrap.lion  {
    background:#b48648!important;
}
.product-card .rating-wrap span.charcoal, .circle-wrap.charcoal  {
    background: #36454F;
}
.product-card .rating-wrap span.hazel, .circle-wrap.hazel  {
    background: #CFBE86;
}
.product-card .rating-wrap span.honey, .circle-wrap.honey  {
    background: #EBA937;
}
.product-card .rating-wrap span.sapphire, .circle-wrap.sapphire  {
    background: #2554C7!important;
}
.product-card .rating-wrap span.amethyst, .circle-wrap.amethyst  {
    background: #9966CC!important;
}
.product-card .rating-wrap span.gun, .circle-wrap.gun  {
    background: #5b6065!important;
}
.product-card .rating-wrap span.royalblue, .circle-wrap.royalblue  {
    background: #4169E1 !important;
}
.product-card .rating-wrap span.greytransparent, .circle-wrap.greytransparent  {
    background: #a3a3a3 !important;
}
.product-card .rating-wrap span.dimgrey, .circle-wrap.dimgrey  {
    background: #a19f9f !important;
}
.product-card .rating-wrap span.darkbrown, .circle-wrap.darkbrown  {
background: #654321!important;
}
.product-card .rating-wrap span.navyblue, .circle-wrap.navyblue  {
background: #000080!important;
}
.product-card .rating-wrap span.bluetransparent, .circle-wrap.bluetransparent  {
background: #C4A484!important;
}
.product-card .rating-wrap span.rosegold, .circle-wrap.rosegold  {
background: linear-gradient(144.39deg, #CF8673 5.03%, #EDBCAE 79.91%)!important;
}
.product-card .rating-wrap span.darkgolden, .circle-wrap.darkgolden  {
    background:#AA6C39!important;
}
.product-card .rating-wrap span.redtransperant, .circle-wrap.redtransperant  {
    background:linear-gradient(180deg,#fff 0,#ff0000 43.23%,#fff 93.23%)!important
}
.product-card .rating-wrap span.airforce, .circle-wrap.airforce  {
    background: #5F8AA8!important;
}
.product-card .rating-wrap span.copper, .circle-wrap.copper  {
    background: #B87333!important;  
}
.product-card .rating-wrap span.blackgold, .circle-wrap.blackgold  {
    background: linear-gradient(180deg, #B28228 0%, #141312 75%)!important;
}
.product-card .rating-wrap span.whitetransparent, .circle-wrap.whitetransparent  {
    background: #FFFFFF!important;
    background: linear-gradient(180deg, #FFFFFF 0%, #f5f5f5 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.product-card .rating-wrap span.greenyellow, .circle-wrap.greenyellow  {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;  
}
.product-card .rating-wrap span.goldbrown, .circle-wrap.goldbrown  {
    background: linear-gradient(180deg, #FFD701 3.94%, #A52A2A 96.81%)!important; 
}
.product-card .rating-wrap span.blacksilver, .circle-wrap.blacksilver  {
    background: linear-gradient(180deg, #D8D8D8 0%, #01010D 100%)!important;
}
.product-card .rating-wrap span.mattemidnightblue, .circle-wrap.mattemidnightblue  {
    background: #191970!important; 
}
.product-card .rating-wrap span.Olivegreen, .circle-wrap.Olivegreen  {
    background: #BAB86C!important;
}
.product-card .rating-wrap span.purpletransparent, .circle-wrap.purpletransparent  {
    background: linear-gradient(180deg,#fff 0,#A020F0 43.23%,#fff 93.23%)!important; 
}
.product-card .rating-wrap span.greentransparent, .circle-wrap.greentransparent  {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;
}
.product-card .rating-wrap span.lightpink, .circle-wrap.lightpink  {
    background: #ff007f!important;
}
.product-card .rating-wrap span.darkslategrey, .circle-wrap.darkslategrey  {
    background: #25383C!important;
}
.product-card .rating-wrap span.darkcyan, .circle-wrap.darkcyan  {
    background:  #008b8b!important;
}
.product-card .rating-wrap span.skyblue, .circle-wrap.skyblue  {
    background: #87CEEB!important;
}
.product-card .rating-wrap span.rosybrown, .circle-wrap.rosybrown  {
    background: #BC8F8F!important;
}
.product-card .rating-wrap span.darkseagreen, .circle-wrap.darkseagreen  {
    background: #8FBC8F!important;
}
.product-card .rating-wrap span.sienna, .circle-wrap.sienna  {
    background: #E97451!important;
}
.product-card .rating-wrap span.tanblue, .circle-wrap.tanblue  {
    background: #96B9D0!important;
}
.product-card .rating-wrap span.mustardyellow, .circle-wrap.mustardyellow  {
    background: #FFDB58!important;
}
.product-card .rating-wrap span.orangetransparent, .circle-wrap.orangetransparent  {
    background: linear-gradient(180deg,#fff 0,#FFA500 43.23%,#fff 93.23%)!important;
}
.product-card .rating-wrap span.pinktransparent, .circle-wrap.pinktransparent  {
    background: linear-gradient(180deg,#fff 0,#FFC0CB 43.23%,#fff 93.23%)!important;
}
.product-card .rating-wrap span.yellowtransparent, .circle-wrap.yellowtransparent  {
    background: linear-gradient(180deg,#fff 0,#FFFF00 43.23%,#fff 93.23%)!important;
}
.product-card .rating-wrap span.satinlightgold, .circle-wrap.satinlightgold  {
    background: #cba135!important;
}
.product-card .rating-wrap span.silkywhite, .circle-wrap.silkywhite  {
    background: conic-gradient(from 180deg at 50% 50%, #CAC1C1 0deg, #E6E6E6 170.63deg, #C2C2C2 360deg)!important;
}
.product-card .rating-wrap span.peachtransparent, .circle-wrap.peachtransparent  {
    background: linear-gradient(180deg,#fff 0,#FFE5B4 43.23%,#fff 93.23%)!important;
}
.product-card .rating-wrap span.bluensilver, .circle-wrap.bluensilver  {
    background: linear-gradient(180deg, #D8D8D8 0%, #000154 100%)!important;
}
.product-card .rating-wrap span.darkpurple, .circle-wrap.darkpurple  {
    background: #4B0150!important;
}
.product-card .rating-wrap span.pastelpurple, .circle-wrap.pastelpurple  {
    background: #F2A2E8!important;
}
.product-card .rating-wrap span.blackAndBlue, .circle-wrap.blackAndBlue  {
    background: linear-gradient(180deg, #000154 0%, #01010D 100%)!important;
}
.product-card .rating-wrap span.blackgrey, .circle-wrap.blackgrey  {
    background: #5A5A5A!important;
}
.product-card .rating-wrap span.blueandyellow, .circle-wrap.blueandyellow  {
    background: linear-gradient(180deg, #0000FF 3.94%, #FFFF00 96.81%)!important;
}
.product-card .rating-wrap span.darkblue, .circle-wrap.darkblue  {
    background: #00008B!important;
}
.product-card .rating-wrap span.goldandred, .circle-wrap.goldandred  {
    background: linear-gradient(180deg, #AA6C39 0%, #F00E0E 100%)!important;
}
.product-card .rating-wrap span.gunmetalblack, .circle-wrap.gunmetalblack  {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}
.product-card .rating-wrap span.darkpink, .circle-wrap.darkpink  {
    background: #E75480!important;
}
.product-card .rating-wrap span.blackandred, .circle-wrap.blackandred  {
    background: linear-gradient(180deg, #ff0000 0%, #01010D 100%)!important;
}
.product-card .rating-wrap span.silverpink, .circle-wrap.silverpink  {
    background: #C4AEAD!important;
}
.product-card .rating-wrap span.browntransparent, .circle-wrap.browntransparent  {
    background: #444c38!important;
}
/* tint colors added */
span.outer-circlebx span.circle-dev.goldflash {
    background: #a2915c!important;
}
span.outer-circlebx span.circle-dev.silverflash {
    background-color: #848482;
}
span.outer-circlebx span.circle-dev.blueflash {
    background-color: #72839f;
}
span.outer-circlebx span.circle-dev.yellowsilver {
    background-color: #90895f;
}
span.outer-circlebx span.circle-dev.pink {
    background-color: #9b6678;
}
span.outer-circlebx span.circle-dev.yellow {
    background-color: #b0a241;
}
span.outer-circlebx span.circle-dev.bronze {
    background-color: #967258;
}
span.outer-circlebx span.circle-dev.metallicgold {
    background-color: #b89a78;
}
span.outer-circlebx span.circle-dev.sapphire {
    background-color: #778a98;
}
span.outer-circlebx span.circle-dev.green {
    background-color: #7c9554;
}
span.outer-circlebx span.circle-dev.firered {
    background-color: #b57573;
}
span.circle-dev.Brown {
    background-color: #61574d !important;
}
span.circle-dev.Black {
    background-color: #393B3A !important;
}
span.circle-dev.Yellow {
    background-color: #A7A66E !important;
}
span.circle-dev.Silver {
    background-color: #757575 !important;
}
span.circle-dev.Green{
    background-color: #4d573f !important;
}
span.circle-dev.Blue {
    background-color: #647498 !important;
}
span.circle-dev.Red {
    background-color: #c73631 !important;
}
span.circle-dev.Violet {
    background-color: #74688E !important;
}
span.circle-dev.Purple {
    background-color: #9F949C !important;
}
span.circle-dev.Pink {
    background-color: #AA979D !important;
}
span.circle-dev.Gold{
    background: #a2915c!important;
}
span.outer-circlebx span.circle-dev.metallicsilver {
    background-color: #7c7b79;
}
span.outer-circlebx span.circle-dev.magentamirror {
    background-color: #765a57;
}
span.outer-circlebx span.circle-dev.solidblack {
    background-color: #484745;
}
span.outer-circlebx span.circle-dev.greyeightyfivetint {
    background-color: #656565;
}
span.outer-circlebx span.circle-dev.greyseventyfivetint {
    background-color: #78797b;
}
span.outer-circlebx span.circle-dev.greyfiftytint {
    background-color: #878785;
}
span.outer-circlebx span.circle-dev.greytwentyfivetint {
    background-color: #9a9a9a;
}
span.outer-circlebx span.circle-dev.browneightyfivetint {
    background-color: #61574d;
}
span.outer-circlebx span.circle-dev.brownseventyfivetint {
    background-color: #807363;
}
span.outer-circlebx span.circle-dev.brownfiftytint {
    background-color: #765f4d;
}
span.outer-circlebx span.circle-dev.browntwentyfivetint {
    background-color: #856b54;
}
span.outer-circlebx span.circle-dev.greeneightyfivetint {
    background-color: #4d573f;
}
span.outer-circlebx span.circle-dev.greenseventyfivetint {
    background-color: #5c694b;
}
span.outer-circlebx span.circle-dev.greenfiftytint {
    background-color: #6c7a56;
}
span.outer-circlebx span.circle-dev.greentwentyfivetint {
    background-color: #8a9769;
}
span.outer-circlebx span.circle-dev.purpleeightyfivetint {
    background-color: #8f8192;
}
span.outer-circlebx span.circle-dev.voiletfourtytint {
    background-color: #74688e;
}
span.outer-circlebx span.circle-dev.pinkfourtytint {
    background-color: #ab989e;
}
span.outer-circlebx span.circle-dev.pinktwentytint {
    background-color: #b1a5a7;
}
span.outer-circlebx span.circle-dev.bluefourtytint {
    background-color: #647498;
}
span.outer-circlebx span.circle-dev.bluetwentytint {
    background-color: #7c879b;
}
span.outer-circlebx span.circle-dev.aquabluefifteentint {
    background-color: #97a4ac;
}
span.outer-circlebx span.circle-dev.aquabluetentint {
    background-color: #adb6b3;
}
span.outer-circlebx span.circle-dev.g-15eightyfivetint {
    background-color: #5c5e4b;
}
span.outer-circlebx span.circle-dev.g-15seventyfivetint {
    background-color: #686d5b;
}
span.outer-circlebx span.circle-dev.g-15twentyfivetint {
    background-color: #94988a;
}
span.outer-circlebx span.circle-dev.black613 {
    background-color: #3b3d3c;
}