body{-webkit-text-size-adjust: none;}ul.sake{list-style:none;position:absolute;margin:6px 0 0;z-index:1;padding:0 8px;text-align:center;left:0;top:37px}ul.sake li.sake{cursor:pointer;line-height:1.2em;margin:0 6px 6px 0;border-radius:10px}ul.sake li.sake b{font-size:1.5em;font-weight:400}#color-finder h2 a,.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:pointer}.farbtastic{width:195px;height:195px;margin-left: 2px;}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/farbtastic/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/farbtastic/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/farbtastic/marker.png) no-repeat}.hide{display:none}html{height:100%}body{transition:opacity,0.5s;margin:0;padding:0;font:12px Trebuchet MS,Arial,sans-serif;color:#333;}body.inverted #logo,body.inverted .icon.pf{background-position:0 100%}body.inverted .icon.search{background-position:-46px -15px}body.inverted h2, body.inverted h1{color:#eee!important}body.inverted .menu, body.inverted .menu a, body.inverted #link h3 a, body.inverted .lookslike a, body.inverted h2 a, body.inverted h1 a, body.inverted .ajax, body.inverted .home a{color:#eee}body.inverted .home img, body.inverted img.home {filter: invert(1);}body.inverted #color {box-shadow: 0 0 5px 0 rgba(0,0,0,0.19);}body.inverted #hhh {box-shadow: 0 0 5px 0 rgba(0,0,0,0.19);}body a{color:#444;text-decoration:none;}body a.color{line-height: 1rem;text-decoration:none;border-bottom:1px dashed}img{border:none}.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}.clearfix{zoom:1}input,textarea{font:12px Arial}textarea:focus, input:focus{outline: none;}h1 {line-height:12px;}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:400;}.ajax{text-decoration:none;border-bottom:1px dashed;cursor:pointer}#colors{height:300px;width:280px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -460px;}#colorize{opacity:0;visibility:hidden;width:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;transition:opacity 1s;}#colorize.visible{opacity:1;visibility:visible}#colorize #color{cursor:pointer;width:100%;height:300px;background:#000;border-radius:20px}#colorize h1,#colorize h2{text-align: center;margin:10px 20px 0;color:#444;font-family:Arial,sans-serif;}#background-color-change{padding:0;list-style:none;position:absolute;top:50%;margin:-125px 0 0;left:20px}#background-color-change li{position:relative;height:30px;padding:10px}#background-color-change li span{width:30px;height:30px;float:left;overflow:hidden;background:#fff;text-indent:-9999px;box-shadow:0 2px 2px #333;border-radius:18px}#background-color-change li strong{width:102px;display:none;height:30px;line-height:30px;padding:0 5px;margin:0 0 0 10px;border:2px solid #00adef;position:absolute;top:8px;font-weight:400;border-radius:10px}#background-color-change li:hover strong,ul.sake li.sake{display:inline-block}#color-finder{width:30%;margin:auto;position:relative;overflow:visible!important;}#color-finder.visible{opacity:1}#color-finder h2{font-size:18px;line-height:1em;margin:10px 8px;text-align:center;white-space:nowrap}#color-finder h2.active{float:left}#color-finder h2 small{font-size:.6em}#color-finder h2 .search{position:absolute;left:-18px;top:3px}#color-finder #color-finder-input{margin-left:130px;display:none}#color-finder #color-finder-input input{margin-bottom:3px;width:100%;padding:6px;margin-top:6px;border:2px solid #ddd;border-radius:15px}#color-finder #color-finder-input input:focus,.colorInput:focus,.colorInput2:focus{outline:0}#color-finder #color-finder-input a{text-decoration:none;border:none;display:block;height:100%;padding:6px 9px}#color-finder #color-finder-input ul{margin-left:-25%}#main-colorpicker{position:absolute;top:0;right:-220px;width:200px;display:block !important;transition:opacity 1s}#main-colorpicker .mainColor .colorInput,#main-colorpicker .mainColor .colorInput2{float:right;width:5.7em;cursor:text}#main-colorpicker .mainColor .colorInput_rgb{float:left;width:5.7em;cursor:text}#main-colorpicker .mainColor .colorInput_cmyk{float:left;width:5.7em;cursor:text;transition: all .2s ease;}#main-colorpicker .mainColor .colorInput_decimal{float:right;width:5.7em;cursor:text}#main-colorpicker .mainColor .mainColorPicker{margin-bottom:-3px;padding-top:25px}#main-colorpicker h3{text-align:center;font-size:18px;line-height:1em;margin:15px 18px 10px}#main-colorpicker h3 a{text-decoration:none}#main-colorpicker #link input{width:184px;margin-top:7px;margin-bottom:-7px;}.colorInput,.colorInput2,.colorInput_rgb{padding:5px;border:2px solid #ddd;background:#fff;color:#666;border-radius:15px}.colorInput,.colorInput2,.colorInput_cmyk{padding:5px;border:2px solid #ddd;background:#fff;color:#666;border-radius:15px}.colorInput,.colorInput2,.colorInput_decimal{padding:5px;border:2px solid #ddd;background:#fff;color:#666;border-radius:15px}.vcard{position:absolute;bottom:10px;right:10px}.vcard .note{font:11px/1em Arial,sans-serif;text-align:right}.icon{display:inline-block;position:relative}.icon.pf{text-align:left;background:url(../images/icons.png) no-repeat 0 0;width:9px;height:10px}.icon.colorChange{width:16px;height:15px;background:url(../images/icons.png) no-repeat -10px -20px;margin:0 5px 0 0;top:3px}#logo,.icon.colorChange,.icon.search{text-indent:-9999px;overflow:hidden}.icon.search{background:url(../images/icons.png) no-repeat -46px 0;margin:0 5px 0 0;top:1px;width:15px;height:15px}#logo{width:150px;height:44px;background:url(../images/logo.png) no-repeat 0 0}.backgroundColor{position:absolute;display:none;padding:40px}.backgroundColor .backgroundColorInput{width:5em;float:right}.backgroundColor .backgroundColorPicker{padding-top:25px}@media screen and (min-width: 1199px) {#colors {width: 340px;margin: -150px 0 0 -520px;}}@media screen and (min-width:1365px){#colors{width:400px;left:50%;margin: -150px 0 0 -588px;}}@media screen and (max-width:1055px){#colors{width:180px;left:50%;margin: -150px 0 0 -350px;}}@media screen and (max-width:880px){#colors{width:145px;left:50%;margin: -150px 0 0 -305px;}}@media screen and (max-width: 740px), screen and (max-height:470px){#hhh .bott {padding: 5px;}.lookslike {font-size: 13px;}.menu{font-size: 17px !important;line-height:25px;margin-top:12px !important;padding-right:25px;padding-left:25px;}.for-ul{max-height:167px !important;}#color-finder #color-finder-input input{width:100%;}body{width:100%}#main-colorpicker{display:block!important;overflow:hidden;height:0;opacity:0;position:relative;top:0;right:0;margin:20px auto;padding:0 0 20px;transition:opacity 1s}#main-colorpicker.visible{height:auto}#main-colorpicker h3{text-align:center}#main-colorpicker h3 a{text-decoration:none;border-bottom:1px dashed !important;}#colors{max-height:167px;position:relative;top:0;left:0;width:auto;margin:0;}#colorize{position:relative;top:0;left:0;width:auto;margin:20px}#color-finder{margin-top:20px;width:50%!important}#color-finder #color-finder-input{margin:0;display:block;width:100%}#color-finder h2,.vcard{display:none}#background-color-change{opacity:0;visibility:hidden;position:fixed;left:0;border-radius:0 10px 10px 0;background:rgba(0,0,0,.8);transition:opacity 1s 2s}#background-color-change.visible,#main-colorpicker.visible{opacity:1}}.boxshadow {box-shadow: 0 0 5px 0 rgba(0,0,0,0.19);}