ul {text-align: center;}#adwrap{width:900px;margin:30px auto;position:relative;display:block;}@media (max-width: 899px){#adwrap{   width: 100% !important;}}
#copied,#wait,a{font-weight:700}.original,.x1,.x2,.x3,.x4{border-top:1px solid rgba(250,250,250,.2)}#main div span p,#main div:nth-child(even) span,#main div:nth-child(odd) span{display:block;border-left:1px solid #222}a,a img{outline:0}.btn-xs,.colorpicker_submit{-webkit-text-shadow:0 1px 1px #111}.btn-xs,.btn1,.button{white-space:nowrap}a img{border:none}article,aside,figure,footer,header,hgroup,menu,nav,section{display:block}body{background:#111;color:#777;font-family:arial,sans-serif;padding:0}@media (max-width:768px){body{width:100%;min-width:none}}a{color:#aaa;text-decoration:none;font-size:14px;padding:1px}a:hover{color:#ccc}@font-face{font-family:OpenSansSemibold;src:url(font/OpenSans-Semibold-webfont.eot?#iefix)format(embedded-opentype),url(font/OpenSans-Semibold-webfont.woff)format(woff),url(font/OpenSans-Semibold-webfont.ttf)format(truetype),url(font/OpenSans-Semibold-webfont.svg#OpenSansSemibold)format(svg);font-weight:400;font-style:normal}#supertop{background:#222;width:100%;position:fixed;top:0;left:0;height:32px;box-shadow:0 6px 6px rgba(0,0,0,.35),inset 0 5px 8px #111;-moz-box-shadow:0 6px 6px rgba(0,0,0,.35),inset 0 5px 8px #111;-webkit-box-shadow:0 6px 6px rgba(0,0,0,.35),inset 0 5px 8px #111;z-index:20;padding:15px 0}#sharebar{clear:both;width:330px;position:absolute;top:62px;z-index:6;padding:10px;display:block;right:0;-webkit-filter:grayscale(1);-webkit-transition:all 250ms 0ms}#sharebar:hover{-webkit-filter:none}#sharebar *{float:right;margin-right:2px}#copied,#wait{clear:both;background:#080808;text-align:center;position:fixed;top:72px;left:10%;width:90px;z-index:9;display:none;color:#333;font-size:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;box-shadow:0 4px 9px rgba(0,0,0,.6);-webkit-box-shadow:0 4px 9px rgba(0,0,0,.6);-moz-box-shadow:0 4px 9px rgba(0,0,0,.6);margin:-10px 0 0 -40px;padding:5px 0}#info,#target div input,#tooltip,.btn-xs,.btn1,.button{border-radius:3px}#copied span,#wait span{text-align:center;margin:0 auto;padding:2px}#panel{color:#666;width:1005px;display:none;position:relative;margin:0 auto}#footer,#footermain,#main{display:block}#panel *{float:left;margin-right:15px}#logo{font-size:28px;color:#ddd;font-family:OpenSansSemibold,arial,sans-serif;margin:-5px 0 0 -125px}#logo:after{content:":";color:#666}#right{position:fixed;z-index:21;right:15px;top:20px}#footer,#sample,#sample0,#tooltip{position:absolute}#footer{top:940px;width:460px;text-align:center;left:50%;font-size:12px!important;padding-bottom:30px;margin:0 0 0 -250px}#footermain{font-size:14px;width:470px;position:relative;top:30px;margin:0 auto;padding:30px 0}#footer li,#footermain li{list-style:none;float:left;display:block;margin-right:5px;border-right:1px solid #333;padding-right:5px}#footer li:last-child,#footermain li:last-child{border-right:none}#footer a{color:#777}#main{color:#333;width:1005px;height:680px;position:relative;margin:160px auto;padding:25px}.original{position:relative;top:3px;box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.25),inset -8px 0 8px -8px rgba(0,0,0,.25);-webkit-box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.25),inset -8px 0 8px -8px rgba(0,0,0,.25);-moz-box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.25),inset -8px 0 8px -8px rgba(0,0,0,.25)}#main .original span p{background:#777;color:#111}#main .x1{margin-top:30px}#main .x2{width:100px}#main .x4{width:143px}#main .x3{width:67px}.x1,.x2,.x3,.x4{display:inline-block;width:4%;height:100px;float:left;margin-top:80px;z-index:10;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.x1.hover,.x1:hover,.x2.hover,.x2:hover,.x3.hover,.x3:hover,.x4.hover,.x4:hover{cursor:pointer;position:relative;top:-4px;box-shadow:0 0 6px rgba(0,0,0,.3);-moz-box-shadow:0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);border-top:1px solid rgba(250,250,250,.4)}.active{top:-10px!important;box-shadow:0 0 12px rgba(0,0,0,.4)!important;-moz-box-shadow:0 0 12px rgba(0,0,0,.4)!important;-webkit-box-shadow:0 0 12px rgba(0,0,0,.4)!important}#main .x1:nth-child(even) span{left:70%}#main .x1:nth-child(odd) span{left:30%}#main div span p{width:42px;position:relative;left:-1px;top:-10px;padding:3px 0 3px 3px}.h{color:#bbb;background:#222}#main div:nth-child(odd) span{position:relative;top:-30px;height:10px}#main div:nth-child(even) span{position:relative;top:-60px;height:40px}#tooltip{top:-230px;left:-300px;background:rgba(0,0,0,.3);display:none;z-index:28;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:11px;color:#FFF;width:100px;height:35px;overflow:hidden;padding:8px}#original_c,#sample,#sample0{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}#hash,.btn-xs,.button:after{display:inline-block}#sample,#sample0{width:30px;top:10px}#tooltip p{width:40px;text-align:center;margin:3px 0 0 3px;padding:0}#sample0{right:25px;height:30px;z-index:8}#sample{right:10px;height:30px;float:right;z-index:9}input .color{border:non;height:18px;background:red;cursor:pointer}#original_c{height:30px;width:30px;left:-15px;position:relative;box-shadow:0 2px 3px #181818;-webkit-box-shadow:0 2px 3px #181818;-moz-box-shadow:0 2px 3px #181818;border-top:1px solid rgba(250,250,250,.3);margin-right:5px}#color-in,#color-in-big{-moz-box-shadow:inset -3px 3px 8px #999;-webkit-box-shadow:inset -3px 3px 8px #999;box-shadow:inset -3px 3px 8px #999}#color-in{background:#eee;border:2px solid #222;width:120px;font-size:14px;color:#888;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-top:0;padding:5px 5px 5px 10px}#color-in-big{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;border:8px solid #222;width:180px;height:35px;font-size:18px;margin:20px;outline:0;padding-left:10px}.btn-xs,.button{padding:6px 10px}.button,.button:hover{border:1px solid #000}#info,.btn-xs,.btn1,.button,.colorpicker_submit{-webkit-border-radius:3px;-moz-border-radius:3px}#hash{font-size:14px;color:#aaa;right:-20px;z-index:2;position:relative;width:12px;margin:8px 0}.btn-xs,.button{font:700 11px Sans-Serif}.button{box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-moz-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;border-top-color:#888;vertical-align:middle;color:#ccc;background:0 0;cursor:pointer;min-width:120px;text-shadow:0 1px 1px #111;margin-top:2px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#target,#target:before{-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease}.button:hover{box-shadow:0 1px 1px #666;-moz-box-shadow:0 1px 1px #666;-webkit-box-shadow:0 1px 1px #666}.btton:focus,.button:active{border:1px solid #0a0a0a;border-bottom-color:#666;border-top-color:#000;box-shadow:inset 0 1px 2px #000;-moz-box-shadow:inset 0 1px 2px #000;-webkit-box-shadow:inset 0 1px 2px #000;background:linear-gradient(top,#1110,#181818100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#181818', GradientType=0)}.button:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #666;position:relative;margin:0 0 0 3px}.button:hover:after{border-right-color:#666}button::-moz-focus-inner{border:0}.btn-xs,.btn1,.colorpicker_focus,.colorpicker_submit{border:1px solid #000}.btn-xs{min-width:50px;box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-moz-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;border-top-color:#888;vertical-align:middle;color:#ccc;background:0 0;cursor:pointer;text-shadow:0 1px 1px #111;-moz-text-shadow:0 1px 1px #111;margin:6px 8px}#target{display:block;background:#0b0b0b;position:absolute;right:-60px;top:428px;height:70px;width:50px;font:700 12px Sans-Serif;vertical-align:middle;-moz-transition:all .3s ease;box-shadow:0 3px 3px rgba(0,0,0,.5);-moz-box-shadow:0 3px 3px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.5);z-index:10;padding:4px}#target:hover p{color:#888}#target div{display:none;background:#0b0b0b;width:110px;z-index:33;padding:4px 3px 0}#ad1 div,#target p,#target:before,#top h1,#top span,h1{display:block}#target div input{width:103%;color:#444;border:none;background:#EEE;margin-bottom:8px;height:20px;box-shadow:inset -3px 3px 8px #999}#target p{text-align:center;cursor:pointer;color:#666;margin:18px auto;padding:2px}#target:before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #0b0b0b;position:absolute;left:-10px;top:30px;-moz-transition:all .3s ease}#info,#slider0{position:relative}h1{font-size:20px;clear:both;color:#ccc;width:100%;text-align:center;margin-bottom:60px}#center h1,#logo1{font-size:60px;color:#eee;text-align:left;font-family:OpenSansSemibold,arial,sans-serif;text-shadow:2px 2px 0 #111,4px 4px 0 tomato;margin:0 0 30px;float:left}.btn1,.colorpicker_submit{text-shadow:0 1px 1px #111}#slider0{width:1028px;height:168px;overflow:hidden;padding-top:26px;border-top:1px solid #222;background:#111;z-index:3!important;margin:40px auto 0;box-shadow:0 -1px 0 #000}#info{cursor:pointer;background:#333;color:#111;width:100px;text-align:center;font-weight:700;margin:-70px auto 50px;padding:7px 3px 4px}#ad1{position:absolute;top:62px;left:0;padding:5px 0 4px;background:#0B0B0B;width:100%;box-shadow:0 0 14px #000inset;-moz-box-shadow:0 0 14px #000inset;-webkit-box-shadow:0 0 14px #000inset;border-bottom:1px solid #222;z-index:2;height:60px}#ad1 div{width:468px;margin:0 auto;z-index:8}#panelmain{margin:0 auto;width:750px}#close{cursor:pointer}#close-sh{cursor:pointer;background:#000;margin:0 3px 0 0;padding:2px 7px}#mixer,#shades,#similar,#tones{background:#090909;position:absolute;right:1050px;font:700 12px Sans-Serif;color:#666;border-bottom:1px solid #2a2a2a;border-left:1px solid #222;border-top:1px solid #000;padding:3px 3px 3px 5px}#footertag:after,#mixer:after,#shades:after,#similar:after,#sponsor:after,#tones:after{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #090909;display:block;position:absolute;top:0;right:-10px}#shades{top:55px}#tones{top:235px}#mixer{top:415px}#similar{top:595px}#mask{width:100%;min-height:200%;position:absolute;top:0;left:0;z-index:1}#about,#center,#top span b,.btn1:after{position:relative}#top h1{font-size:20px;clear:both;color:#ccc;width:100%}#top button{margin:-2px 0 0 25px}#top span{clear:both;color:#666;margin-top:20px;width:100%;padding-bottom:40px}#top span b{background:#333;font:700 14px Sans-Serif;color:#111;height:16px;display:inline-block;margin:-2px 20px 0 0;padding:3px 3px 3px 5px}#slider,#slider li{height:168px;background:#111}#top span b:after{content:"";width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:11px solid #333;display:block;position:absolute;top:0;right:-11px}#slider,#slider li{margin:0;width:1028px}#top a{color:#666}#top a:hover{color:#aaa}#top btton{margin-left:20px}#slider{position:absolute;top:0;left:0;overflow:hidden;padding:0}#slider li{list-style:none;overflow:hidden;padding:0}.btn1{box-shadow:0 1px 1px #999;-moz-box-shadow:0 1px 1px #999;-webkit-box-shadow:0 1px 1px #999;font:700 11px Sans-Serif;vertical-align:middle;color:#eee;background:tomato;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;min-width:120px;padding:6px 10px}.btn1:hover{background:#FF5132;box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #FF8570;-moz-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #FF8570;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #FF8570;border-color:#eee #000 #000}.btn1:active,.btn1:focus{border:1px solid #0a0a0a;border-top-color:#000;background:tomato;box-shadow:0 1px 1px #999}#bucket-in,#bucket-in-big{background-image:url(/flask.png)}.btn1:after{content:"";display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #eee;box-shadow:0 1px 1px #999;-moz-box-shadow:0 1px 1px #999;-webkit-box-shadow:0 1px 1px #999;margin:0 0 0 3px}.btn1:hover:after{border-right-color:#eee}#about{padding-top:100px;min-height:46%;display:block;padding-bottom:15px}#center{width:80%;max-width:1024px;margin:0 auto}#center div{display:inline-block;width:30%;margin-right:5%;float:left;font-size:14px}#center div p{margin-left:30px;margin-right:10px;line-height:22px}#center div p:first-child{border-top:1px solid #222;padding-top:20px}#center div:last-child{margin-right:0}h2{border-left:6px solid;padding-left:25px;color:#ccc;font-size:22px;font-family:OpenSansSemibold,arial,sans-serif;font-variant:small-caps;font-weight:700;margin:60px 0 20px}.colorpicker,.colorpicker input{font-family:Arial,Helvetica,sans-serif}.f h2{border-color:#FF2E0A}.s h2{border-color:tomato}.t h2{border-color:#FFA899}#center img{box-shadow:0 0 12px #090909;-moz-box-shadow:0 0 12px #090909;-webkit-box-shadow:0 0 12px #090909;max-width:100%;height:auto;display:block;margin:0 auto}#info:after{content:"";width:0;height:0;border-top:6px solid #333;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;display:block;position:absolute;bottom:-12px;right:48px}#bucket-in{width:12px;height:12px;opacity:.4;cursor:pointer;margin:9px 0 0 -38px}#bucket-in-big{width:12px;height:12px;display:inline-block;opacity:.4;cursor:pointer;margin:2px 10px 0 -52px}#buckett{position:absolute;z-index:19;top:441px!important;right:-40px;height:12px!important;width:12px;background-image:url(/flask.png)!important;opacity:.5;cursor:pointer;display:none}.spin{background-image:url(/spinner.gif)!important}#share{background-image:url(share1.png);padding-left:20px;background-position:left;background-repeat:no-repeat;margin-left:15px}.colorpicker{width:356px;height:176px;overflow:hidden;position:fixed;top:55px!important;left:250px!important;background:url(../picker/images/colorpicker_background.png);display:none;z-index:10}.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:red;overflow:hidden;cursor:crosshair}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(../picker/images/colorpicker_overlay.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../picker/images/colorpicker_select.gif);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../picker/images/colorpicker_indic.gif)left top;left:0;margin:-4px 0 0}.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:red}.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:red}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;color:#898989;top:4px;right:11px;text-align:right;height:11px;margin:0;padding:0}.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(../picker/images/colorpicker_hex.png)top;left:212px;top:142px}.colorpicker_hex input{right:6px}.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute}.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{background-image:url(../picker/images/colorpicker_rgb_r.png);top:52px;left:212px}.colorpicker_rgb_g{background-image:url(../picker/images/colorpicker_rgb_g.png);top:82px;left:212px}.colorpicker_rgb_b{background-image:url(../picker/images/colorpicker_rgb_b.png);top:112px;left:212px}.colorpicker_hsb_h{background-image:url(../picker/images/colorpicker_hsb_h.png);top:52px;left:282px}.colorpicker_hsb_s{background-image:url(../picker/images/colorpicker_hsb_s.png);top:82px;left:282px}.colorpicker_hsb_b{background-image:url(../picker/images/colorpicker_hsb_b.png);top:112px;left:282px}.colorpicker_submit{position:absolute;width:22px;right:11px;top:140px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;-moz-box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 4px #444;border-top-color:#888;font:700 9px Sans-Serif;white-space:nowrap;vertical-align:middle;color:#CCC;background:0 0;cursor:pointer;-moz-text-shadow:0 1px 1px #111;border-radius:3px;margin-top:2px;text-align:center;padding:5px 13px}.colorpicker_focus{box-shadow:0 1px 1px #666;-webkit-box-shadow:0 1px 1px #666;-moz-box-shadow:0 1px 1px #666}.colorpicker_submit.colorpicker_focus{background-position:top}#main div span,#main div:hover span{font-size:11px;font-weight:400;text-transform:lowercase;left:50%}#bucket-in-big:hover,#bucket-in:hover,#buckett:hover{opacity:1}.colorpicker_hex.colorpicker_focus,.colorpicker_slider{background-position:bottom}ul{list-style-type:none}div.bsap_1274845 .bsap_adhere2 a{opacity:.15}li{padding-bottom:5px}.textnew{margin:20px auto;position:relative;border-top:1px solid #333;padding:80px 0 30px;color:#444;width:80%;max-width:1024px;top:30px;-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;box-shadow:0 -1px 0 #000}@media (max-width:769px){#color-in-big,#logo1{display:block}#footermain,*,.button,.textnew,body,html{box-sizing:border-box}#footer0,#footermain,#mask,#supertop,.button{position:relative}#center div,#logo1,#panel *,.button{float:none}#logo,#logo1,#top span{text-align:center}body,html{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}#color-in-big,#logo1{width:80%;margin:0 auto}#footer,#main,#panel,#supertop,body{width:100%;min-width:0!important}#supertop{height:64px}#color-in-big{height:45px;max-width:300px;float:none}#right,#tooltip,#top span b{display:none}#mask,#top span{width:100%!important}#info{margin-top:40px}#center img,#panelmain{margin:0 auto}#top span b{font-size:1rem;padding:14px;line-height:1rem}#center div,#center div p{line-height:1.5rem}#top>div{padding-top:10px!important}#slider0 *{max-width:100%;overflow:hidden}#mask{min-width:0!important}#center{width:100%}#center div{width:100%;font-size:1em!important}.button,.textnew,a{font-size:1rem}#center img{width:60%;max-width:251px}#panelmain,#slider,#slider li,#slider0,img{width:100%}.colorpicker{background:#444}a{box-shadow:#aaa 0 2px 0 0}.button{width:80%;max-width:360px;margin:20px auto!important;display:block;box-shadow:none;text-shadow:none;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(0,0,0,.3);background:#333}.random{background:tomato;color:#FFF}.button:after{display:none}.textnew{color:#777;width:100%;top:30px;-moz-column-count:1;-webkit-column-count:1;column-count:1;padding:10%;box-shadow:0 -1px 0 #000}#footermain{font-size:14px;display:block;width:100%;top:30px;margin:0 auto;padding:30px 0}#ad1,#footer0{display:none}#footer0{width:100%;min-width:0}#color-in{width:200px;margin:0 auto;display:block}#logo{margin:0;display:block;width:100%;text-decoration:none!important;box-shadow:none}#logo:after,#main .x1 span,#main .x2 span,#main .x3 span,#main .x4 span{display:none}#original_c{left:20px;top:-32px}#main .x3{width:6.666666667%!important}#main .x2{width:10%!important}#main .x1{margin-top:0;width:12%}#main .x1:nth-child(even) span,#main .x1:nth-child(odd) span{border-left:none!important}#main .x1:nth-child(25){display:none!important}#main{margin-top:220px}#main div span p{display:none}#main .x4{width:14.258%}}