.color-bar{background: url("/assets/img/palette-new.jpg?v=43") no-repeat;}

#a-color-black span.color-bar {background-position: var(--m1) var(--m16)}
#a-color-white span.color-bar {background-position: -65px var(--m16)}

#a-color-red span.color-bar {background-position: var(--m3) var(--m16)}
#a-color-yellow span.color-bar {background-position: var(--m4) var(--m16)}
#a-color-green span.color-bar {background-position: var(--m5) var(--m16)}
#a-color-cyan span.color-bar {background-position: var(--m6) var(--m16)}
#a-color-blue span.color-bar {background-position: var(--m7) var(--m16)}

/* Kuppersberg */
#a-color-black-metallic span.color-bar {background-position: var(--m12) var(--m8)}
#a-color-ecru span.color-bar {background-position: var(--m8) var(--m1)}
#a-color-white-alabaster span.color-bar {background-position: var(--m2) var(--m4)}
#a-color-deep-black span.color-bar {background-position: var(--m6) var(--m2)}
#a-color-rock span.color-bar {background-position: var(--m7) var(--m2)}
#a-color-dark-rock span.color-bar {background-position: var(--m8) var(--m2)}
#a-color-grey-rock span.color-bar {background-position: var(--m11) var(--m2)}
#a-color-antracit span.color-bar {background-position: var(--m3) var(--m3)}
#a-color-grey span.color-bar {background-position: var(--m11) var(--m2)}


/* Teka */

#a-color-orange span.color-bar {background-position: var(--m4) var(--m3)}
#a-color-pink span.color-bar {background-position: var(--m4) var(--m4)}
#a-color-sand span.color-bar {background-position: var(--m2) var(--m1)}
#a-color-carbone span.color-bar {background-position: var(--m1) var(--m2)}
#a-color-jet-black span.color-bar {background-position: var(--m2) var(--m2)}
#a-color-grafit span.color-bar {background-position: var(--m3) var(--m2)}
#a-color-topaz span.color-bar {background-position: var(--m3) var(--m1)}
#a-color-dark-gray span.color-bar {background-position: var(--m4) var(--m2)}
#a-color-gray-metal span.color-bar {background-position: var(--m9) var(--m8)}
#a-color-black-metal span.color-bar {background-position: var(--m12) var(--m8)}
#a-color-stainless span.color-bar {background-position: var(--m11) var(--m8)}
#a-color-steel-microtexture span.color-bar {background-position: var(--m9) var(--m8)}
#a-color-steel-mate span.color-bar {background-position: var(--m3) var(--m2)}
#a-color-white-enamel span.color-bar {background-position: var(--m1) var(--m3)}
#a-color-black-enamel span.color-bar {background-position: var(--m1) var(--m4)}
#a-color-titanium span.color-bar { background-position:  var(--m1) var(--m5)}

#a-color-quartz span.color-bar { background-position:  0 -100px }
#a-color-silver span.color-bar {background-position: -200px -200px}
#a-color-chrome span.color-bar {background-position: 0px -500px;}
#a-color-anthracite span.color-bar {background-position: -100px -500px}
#a-color-alu-grey span.color-bar {background-position: -200px -500px}

/* Zigmund */

#a-color-ind-vanila span.color-bar {background-position: var(--m5) var(--m3)}
#a-color-rock-salt span.color-bar {background-position: var(--m7) var(--m2)}
#a-color-milky-way span.color-bar {background-position: var(--m7) var(--m1)}
#a-color-fresh-champaigne span.color-bar {background-position: var(--m5) var(--m2)}
#a-color-fall-grass span.color-bar {background-position: var(--m5) var(--m1)}
#a-color-river-sand span.color-bar {background-position: var(--m6) var(--m3)}
#a-color-darck-rock span.color-bar {background-position: var(--m8) var(--m2)}
#a-color-boiled-milk span.color-bar {background-position: var(--m8) var(--m1)}
#a-color-black-bazalt span.color-bar {background-position: var(--m6) var(--m2)}
#a-color-switz-chocolate span.color-bar {background-position: var(--m6) var(--m1)}

/* Omoikiri */
#a-color-graphite span.color-bar {background-position: var(--m12) var(--m3)}
#a-color-leningrad-grey span.color-bar {background-position: var(--m10) var(--m1)}
#a-color-deep-ocean span.color-bar {background-position: var(--m9) var(--m2)}
#a-color-canyon span.color-bar {background-position: var(--m10) var(--m2)}

#a-color-marzipan span.color-bar {background-position: var(--m11) var(--m1)}
#a-color-chocolate span.color-bar {background-position: var(--m9) var(--m1)}
#a-color-caramel span.color-bar {background-position: var(--m10) var(--m3)}
#a-color-pastille span.color-bar {background-position: var(--m11) var(--m2)}
#a-color-vanilla span.color-bar {background-position: var(--m12) var(--m2)}
#a-color-beige span.color-bar {background-position: var(--m9) var(--m3)}
#a-color-champagne span.color-bar {background-position: var(--m11) var(--m3)}
#a-color-everest span.color-bar {background-position: var(--m11) var(--m2)}
#a-color-platinum span.color-bar {background-position: var(--m12) var(--m3)}
#a-color-azur-blue span.color-bar {background-position: var(--m11) var(--m4)}
#a-color-indigo-blue span.color-bar {background-position: var(--m12) var(--m6)}
#a-color-indigo-blue-glossy span.color-bar {background-position: var(--m11) var(--m6)}
#a-color-royal-green span.color-bar {background-position: var(--m10) var(--m5)}
#a-color-royal-green-glossy span.color-bar {background-position: var(--m9) var(--m5)}
#a-color-toscana span.color-bar {background-position: var(--m12) var(--m5)}
#a-color-toscana-glossy span.color-bar {background-position: var(--m11) var(--m5)}
#a-color-sicilian-lemon span.color-bar {background-position: var(--m10) var(--m6)}
#a-color-sicilian-lemon-glossy span.color-bar {background-position: var(--m9) var(--m6)}
#a-color-pebble span.color-bar {background-position: var(--m10) var(--m4)}
#a-color-olive span.color-bar {background-position: var(--m12) var(--m4)}
#a-color-cappucino-coffee span.color-bar {background-position: var(--m9) var(--m4)}
#a-color-gray span.color-bar {background-position: var(--m12) var(--m4)}
#a-color-red span.color-bar {background-position: var(--m12) var(--m5)}

#a-color-gold span.color-bar {background-position: var(--m10) var(--m8)}
#a-color-light-gold span.color-bar {background-position: var(--m10) var(--m9)}
#a-color-rose-gold span.color-bar {background-position: var(--m9) var(--m9)}
#a-color-light-gold-gun-metal span.color-bar {background-position: var(--m9) var(--m10)}

#a-color-chrome span.color-bar {background-position: var(--m9) var(--m8)}
#a-color-steel span.color-bar {background-position: var(--m11) var(--m8)}
#a-color-gunn-metal span.color-bar {background-position: var(--m12) var(--m8)}
#a-color-brass span.color-bar {background-position: var(--m11) var(--m9)}
#a-color-antique-brass span.color-bar {background-position: var(--m10) var(--m8)}
#a-color-antique-silver span.color-bar {background-position: var(--m11) var(--m8)}
#a-color-antique-copper span.color-bar {background-position: var(--m12) var(--m9)}
#a-color-antique-bronze span.color-bar {background-position: var(--m10) var(--m8)}

#a-color-steel-white span.color-bar {background-position: var(--m10) var(--m10)}
#a-color-chrome-white span.color-bar {background-position: var(--m11) var(--m10)}
#a-color-chrome-vanilla span.color-bar {background-position: var(--m12) var(--m10)}
#a-color-gun-metal-red span.color-bar {background-position: var(--m9) var(--m11)}
#a-color-gun-metal-green span.color-bar {background-position: var(--m10) var(--m11)}
#a-color-gun-metal-blue span.color-bar {background-position: var(--m11) var(--m11)}
#a-color-gun-metal-yellow span.color-bar {background-position: var(--m12) var(--m11)}
#a-color-gun-metal-white span.color-bar {background-position: var(--m9) var(--m12)}

/* Blanco */
#a-color-crystal-white-glossy span.color-bar {background-position: -65px var(--m16)}

#a-color-magnolia-glossy span.color-bar {background-color: #f7f0db; background-image: none;}
#a-color-basalt span.color-bar {background-color: #353533; background-image: none;}
#a-color-jasmine span.color-bar {background-position: var(--m2) var(--m1)}
#a-color-anthracite span.color-bar {background-color: #4d4d4d; background-image: none;}
#a-color-champagne span.color-bar {background-color: #f0e0b3; background-image: none;}
#a-color-coffee span.color-bar {background-color: #664731; background-image: none;}
#a-color-tartufo span.color-bar {background-color: #bab3a2; background-image: none;}
#a-color-anthracite span.color-bar {background-color: #4d4d4d; background-image: none;}
#a-color-pearl-grey span.color-bar {background-color: #d9d7d7; background-image: none;}
#a-color-alu-metallic span.color-bar {background-color: #939685; background-image: none;}

#a-color-orangeFruit span.color-bar {background-color: #e26243; background-image: none;}
#a-color-kiwi span.color-bar {background-color: rgb(162, 201, 105); background-image: none;}
#a-color-lava span.color-bar {background-color: #3f4243; background-image: none;}
#a-color-lemon span.color-bar {background-color: #fdd857; background-image: none;}

/*786f6f - темная скала*/


:root {
	--m1:-32px;
	--m2:-64px;
	--m3:-96px;
	--m4:-128px;
	--m5:-160px;
	--m6:-192px;
	--m7:-224px;
	--m8:-256px;
	--m9:-288px;
	--m10:-320px;
	--m11:-352px;
	--m12:-384px;
	--m13:-416px;
	--m14:-448px;
	--m15:-480px;
	--m16:-512px;
}