/*  Colpick Color Picker
    --------------------------------------------------------------
	Original author:	Jose Vargas ( http://colpick.com/ )
	Modified by:		xaocZ ( http://cabinetadmina.ru/ )
    --------------------------------------------------------------
*/
*{margin:0;padding:0}body{font-family:Verdana,Helvetica,Arial,sans-serif;color:#536482;font-size:12px;background:url("images/colpick_bg_pattern.png") repeat fixed 0 0 transparent}#wrap{padding:0 20px;min-width:385px;max-width:960px;margin:25px auto}#page-body{clear:both;overflow:hidden;padding:5px;margin:60px 0}#page-footer{clear:both;margin:15px auto 0;padding-top:5px;border-top:1px solid #999;color:#999}h1{font-size:30px;font-family:'Sofia Pro';font-weight:400}h1 a{color:#292929;text-shadow:0 0 1px rgba(255,255,255,0.7);text-decoration:none}h1 a:hover{color:#F87070}.subline{font-size:19px;line-height:19px;display:block;text-align:right;font-family:'Sofia Pro';color:#d5d5d5;text-shadow:0 0 1px rgba(0,0,0,0.7)}#site-description img{width:100%;height:1px}.colpick{max-width:660px;height:300px;position:absolute;font-family:Arial,Helvetica,sans-serif;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.colpick_color{width:300px;height:300px;position:absolute;background:red;overflow:hidden;cursor:crosshair;outline:3px solid #2b2b2b}.colpick_color div{position:absolute;top:0;left:0;width:300px;height:300px;background-image:url("images/colpick_overlay.png");background-size:cover}.colpick_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url("images/colpick_select.gif");margin:-5px 0 0 -5px}.colpick_hue{position:absolute;left:330px;width:30px;border:1px solid #555;height:300px;cursor:n-resize;background-image:url("images/colpick_slider.png");background-size:auto 100%;background-position:center;overflow:visible}.colpick_hue div{position:absolute;width:46px;height:15px;background:url("images/colpick_indic.png") left top;margin:-8px 0 0;left:-8px}.colpick_new_color{position:absolute;width:132px;height:80px;left:386px;top:3px;background:red;border:3px solid #2b2b2b;border-right:none}.colpick_current_color{position:absolute;width:132px;height:80px;left:521px;top:3px;background:red;border:3px solid #2b2b2b;border-left:none}.colpick_current_color:hover{cursor:pointer}.colpick_new_color div,.colpick_current_color div{width:120px;padding:2px 6px;height:15px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.3);font-size:12px;line-height:15px;color:#f5f5f5}.colpick_current_color div{text-align:right}.colpick input{position:absolute;display:block;box-sizing:content-box;overflow:visible;top:0;right:30px;height:35px;line-height:35px;font-size:18px;border:none;background:transparent;font-family:Arial,Helvetica,sans-serif;color:#464646;text-align:right;outline:none}.colpick_hex_field input{right:8px}.colpick_field,.colpick_hex_field{height:35px;width:126px;position:absolute;background:url("images/colpick_bg_pattern.png") #E8E9EB;overflow:hidden;border:1px solid #7b7b7b;border-radius:25px;}.colpick_hex_field{left:386px;top:250px;}.colpick_focus{border-color:#555;}.colpick_field div,.colpick_hex_field div{position:absolute;left:0;top:0;width: 35px;height:35px;line-height:35px;text-align:center;background:url("images/colpick_bg_pattern.png") #DFE0E2;color:#464646;border-right:1px solid #7b7b7b;font-weight:bold;font-size:15px;}.colpick_field span{position:absolute;width:20px;padding:0 4px;height:35px;top:0;right:0;cursor:n-resize;background-image:url("images/colpick_arrows.png");background-position:center;background-repeat:no-repeat;}.colpick_rgb_r{top:100px;left:386px}.colpick_rgb_g{top:150px;left:386px}.colpick_rgb_b{top:200px;left:386px}.colpick_hsb_h{top:100px;left:528px}.colpick_hsb_s{top:150px;left:528px}.colpick_hsb_b{top:200px;left:528px}.colpick_submit{height:35px;width:125px;position:absolute;left:528px;top:250px;background:#ef4747;overflow:hidden;font-size:12px;line-height:35px;text-align:center;color:#fff;border:1px solid #ef4747;border-radius:25px}.colpick_submit:hover{background:#d43d3d;cursor:pointer}.color-history div{width:30px;height:30px;float:left}.color-history-en{cursor:pointer}.share-color{padding-top:15px;float:right;width:270px}.share-color p{text-align:center;margin:0;line-height:2em;font-size:1.3em;color:#414141;text-transform:uppercase}.share-color h2,.color-history h2{color:#28313F;text-shadow:1px 1px 3px #fff;margin-bottom:10px;font-size:14px}#colpick{width:660px;float:left}.color-history{float:right;width:270px}
@media (max-width: 990px){#page-header, #page-footer {max-width: 660px;margin: 0 auto;}#colpick,.color-history,.share-color{float:none;clear:both;margin:0 auto;}.color-history{margin-top:20px;}}@media (max-width: 710px){#page-header,#page-footer,#colpick,.color-history,.share-color{width:362px}#page-header,.subline,#page-footer{text-align:center;padding-top:15px}.subline{margin:20px 0 15px}#page-footer{line-height:1.6}.colpick{height:auto}.colpick_color{position:relative}.colpick_hue{top:0}.colpick_new_color{position:relative;left:0;top:65px}.colpick_current_color{position:relative;left:128px;top:-21px}.colpick_field,.colpick_hex_field,.colpick_submit{position:relative}.colpick_rgb_r,.colpick_rgb_g,.colpick_rgb_b{left:0;top:0}.colpick_rgb_g{top:15px}.colpick_rgb_b{top:30px}.colpick_hsb_h,.colpick_hsb_s,.colpick_hsb_b{left:140px;top:-111px}.colpick_hsb_s{top:-96px}.colpick_hsb_b{top:-81px}.colpick_hex_field{left:0;top:190px}.colpick_submit{left:140px;top:-69px}}