/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick { 	position: absolute; 	width: 346px; 	height: 170px; 	overflow: hidden; 	display: none; 	font-family: Arial, Helvetica, sans-serif; 	background:#ebebeb; 	border: 1px solid #bbb; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	border-radius: 5px; 	 	/*Prevents selecting text when dragging the selectors*/ 	-webkit-user-select: none; 	-moz-user-select: none; 	-ms-user-select: none; 	-o-user-select: none; 	user-select: none; } /*Color selection box with gradients*/ .colpick_color { 	position: absolute; 	left: 7px; 	top: 7px; 	width: 156px; 	height: 156px; 	overflow: hidden; 	outline: 1px solid #aaa; 	cursor: crosshair; 	z-index:9; } .colpick_color_overlay1 { 	position: absolute; 	left:0; 	top:0; 	width: 156px; 	height: 156px; 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */ 	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ 	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ 	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ 	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ 	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ 	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */ } .colpick_color_overlay2 { 	position: absolute; 	left:0; 	top:0; 	width: 156px; 	height: 156px; 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */ 	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ 	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ 	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ 	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ 	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } /*Circular color selector*/ .colpick_selector_outer { 	background:none; 	position: absolute; 	width: 11px; 	height: 11px; 	margin: -6px 0 0 -6px; 	border: 1px solid black; 	border-radius: 50%; } .colpick_selector_inner{ 	position: absolute; 	width: 9px; 	height: 9px; 	border: 1px solid white; 	border-radius: 50%; } /*Vertical hue bar*/ .colpick_hue { 	position: absolute; 	top: 6px; 	left: 175px; 	width: 19px; 	height: 156px; 	border: 1px solid #aaa; 	cursor: n-resize; } /*Hue bar sliding indicator*/ .colpick_hue_arrs { 	position: absolute; 	left: -8px; 	width: 35px; 	height: 7px; 	margin: -7px 0 0 0; } .colpick_hue_larr { 	position:absolute; 	width: 0;  	height: 0;  	border-top: 6px solid transparent; 	border-bottom: 6px solid transparent; 	border-left: 7px solid #858585; } .colpick_hue_rarr { 	position:absolute; 	right:0; 	width: 0;  	height: 0;  	border-top: 6px solid transparent; 	border-bottom: 6px solid transparent;  	border-right: 7px solid #858585;  } /*New color box*/ .colpick_new_color { 	position: absolute; 	left: 207px; 	top: 6px; 	width: 60px; 	height: 27px; 	background: #f00; 	border: 1px solid #8f8f8f; } /*Current color box*/ .colpick_current_color { 	position: absolute; 	left: 277px; 	top: 6px; 	width: 60px; 	height: 27px; 	background: #f00; 	border: 1px solid #8f8f8f; } /*Input field containers*/ .colpick_field, .colpick_hex_field  { 	position: absolute; 	height: 20px; 	width: 60px; 	overflow:hidden; 	background:#f3f3f3; 	color:#b8b8b8; 	font-size:12px; 	border:1px solid #bdbdbd; 	-webkit-border-radius: 3px; 	-moz-border-radius: 3px; 	border-radius: 3px; } .colpick_rgb_r { 	top: 40px; 	left: 207px; } .colpick_rgb_g { 	top: 67px; 	left: 207px; } .colpick_rgb_b { 	top: 94px; 	left: 207px; } .colpick_hsb_h { 	top: 40px; 	left: 277px; } .colpick_hsb_s { 	top: 67px; 	left: 277px; } .colpick_hsb_b { 	top: 94px; 	left: 277px; } .colpick_hex_field { 	width: 68px; 	left: 207px; 	top: 121px; } /*Text field container on focus*/ .colpick_focus { 	border-color: #999; } /*Field label container*/ .colpick_field_letter { 	position: absolute; 	width: 12px; 	height: 20px; 	line-height: 20px; 	padding-left: 4px; 	background: #efefef; 	border-right: 1px solid #bdbdbd; 	font-weight: bold; 	color:#777; } /*Text inputs*/ .colpick_field input, .colpick_hex_field input { 	position: absolute; 	right: 11px; 	margin: 0; 	padding: 0; 	height: 20px; 	line-height: 20px; 	background: transparent; 	border: none; 	font-size: 12px; 	font-family: Arial, Helvetica, sans-serif; 	color: #555; 	text-align: right; 	outline: none; } .colpick_hex_field input { 	right: 4px; } /*Field up/down arrows*/ .colpick_field_arrs { 	position: absolute; 	top: 0; 	right: 0; 	width: 9px; 	height: 21px; 	cursor: n-resize; } .colpick_field_uarr { 	position: absolute; 	top: 5px; 	width: 0;  	height: 0;  	border-left: 4px solid transparent; 	border-right: 4px solid transparent; 	border-bottom: 4px solid #959595; } .colpick_field_darr { 	position: absolute; 	bottom:5px; 	width: 0;  	height: 0;  	border-left: 4px solid transparent; 	border-right: 4px solid transparent; 	border-top: 4px solid #959595; } /*Submit/Select button*/ .colpick_submit { 	position: absolute; 	left: 207px; 	top: 149px; 	width: 130px; 	height: 22px; 	line-height:22px; 	background: #efefef; 	text-align: center; 	color: #555; 	font-size: 12px; 	font-weight:bold; 	border: 1px solid #bdbdbd; 	-webkit-border-radius: 3px; 	-moz-border-radius: 3px; 	border-radius: 3px; } .colpick_submit:hover { 	background:#f3f3f3; 	border-color:#999; 	cursor: pointer; }  /*full layout with no submit button*/ .colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{ 	display:none; } .colpick_full_ns .colpick_new_color { 	width: 130px; 	height: 25px; } .colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h { 	top: 42px; } .colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s { 	top: 73px; } .colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b { 	top: 104px; } .colpick_full_ns .colpick_hex_field { 	top: 135px; }  /*rgbhex layout*/ .colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b { 	display:none; } .colpick_rgbhex { 	width:282px; } .colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit { 	width:68px; } .colpick_rgbhex .colpick_new_color { 	width:34px; 	border-right:none; } .colpick_rgbhex .colpick_current_color { 	width:34px; 	left:240px; 	border-left:none; }  /*rgbhex layout, no submit button*/ .colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{ 	display:none; } .colpick_rgbhex_ns .colpick_new_color{ 	width:68px; 	border: 1px solid #8f8f8f; } .colpick_rgbhex_ns .colpick_rgb_r { 	top: 42px; } .colpick_rgbhex_ns .colpick_rgb_g { 	top: 73px; } .colpick_rgbhex_ns .colpick_rgb_b { 	top: 104px; } .colpick_rgbhex_ns .colpick_hex_field { 	top: 135px; }  /*hex layout*/ .colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b { 	display:none; } .colpick_hex { 	width:206px; 	height:201px; } .colpick_hex .colpick_hex_field { 	width:72px; 	height:25px; 	top:168px; 	left:80px; } .colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input { 	height: 25px; 	line-height: 25px; } .colpick_hex .colpick_new_color { 	left:9px; 	top:168px; 	width:30px; 	border-right:none; } .colpick_hex .colpick_current_color { 	left:39px; 	top:168px; 	width:30px; 	border-left:none; } .colpick_hex .colpick_submit { 	left:164px; 	top: 168px; 	width:30px; 	height:25px; 	line-height: 25px; }  /*hex layout, no submit button*/ .colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color { 	display:none; } .colpick_hex_ns .colpick_hex_field { 	width:80px; } .colpick_hex_ns .colpick_new_color{ 	width:60px; 	border: 1px solid #8f8f8f; }  /*Dark color scheme*/ .colpick_dark { 	background: #161616; 	border-color: #2a2a2a; } .colpick_dark .colpick_color { 	outline-color: #333; } .colpick_dark .colpick_hue { 	border-color: #555; } .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field { 	background: #101010; 	border-color: #2d2d2d; } .colpick_dark .colpick_field_letter { 	background: #131313; 	border-color: #2d2d2d; 	color: #696969; } .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input { 	color: #7a7a7a; } .colpick_dark .colpick_field_uarr { 	border-bottom-color:#696969; } .colpick_dark .colpick_field_darr { 	border-top-color:#696969; } .colpick_dark .colpick_focus { 	border-color:#444; } .colpick_dark .colpick_submit { 	background: #131313; 	border-color:#2d2d2d; 	color:#7a7a7a; } .colpick_dark .colpick_submit:hover { 	background-color:#101010; 	border-color:#444; } #colorSelector { 	position: relative; 	width: 36px; 	height: 36px; 	background: url(../imagens/select.png); } #colorSelector div { 	position: absolute; 	top: 3px; 	left: 3px; 	width: 30px; 	height: 30px; 	background: url(../imagens/select.png) center; }

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 10px solid #D70043;
  width: 280px;
  height: 280px;
  clip: rect(0px, 150px, 300px, 0px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.c100 .slice {
  position: absolute;
  width: 300px;
  height: 300px;
  clip: rect(0px, 300px, 300px, 150px);
}
.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: absolute;
  font-size: 120px;
    width:300px;
  height:300px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #eee;
  font-family:"Lato";
  color:#fff;
  margin-left:642px;
  margin-top:100px;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 300px;
  line-height: 300px;
  color: #fff;
  font-size:50px;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition:all ease-out 0.2s;
  text-shadow:0px 3px 2px rgba(0,0,0,0.4);
  font-weight:700;
}
.c100:after {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #027AC6;
    width:280px;
  height:280px;
  transition:all ease-in 0.2s;
}

.c100.p1 .bar {   -webkit-transform: rotate(3.6deg);   -moz-transform: rotate(3.6deg);   -ms-transform: rotate(3.6deg);   -o-transform: rotate(3.6deg);   transform: rotate(3.6deg); } .c100.p2 .bar {   -webkit-transform: rotate(7.2deg);   -moz-transform: rotate(7.2deg);   -ms-transform: rotate(7.2deg);   -o-transform: rotate(7.2deg);   transform: rotate(7.2deg); } .c100.p3 .bar {   -webkit-transform: rotate(10.8deg);   -moz-transform: rotate(10.8deg);   -ms-transform: rotate(10.8deg);   -o-transform: rotate(10.8deg);   transform: rotate(10.8deg); } .c100.p4 .bar {   -webkit-transform: rotate(14.4deg);   -moz-transform: rotate(14.4deg);   -ms-transform: rotate(14.4deg);   -o-transform: rotate(14.4deg);   transform: rotate(14.4deg); } .c100.p5 .bar {   -webkit-transform: rotate(18deg);   -moz-transform: rotate(18deg);   -ms-transform: rotate(18deg);   -o-transform: rotate(18deg);   transform: rotate(18deg); } .c100.p6 .bar {   -webkit-transform: rotate(21.6deg);   -moz-transform: rotate(21.6deg);   -ms-transform: rotate(21.6deg);   -o-transform: rotate(21.6deg);   transform: rotate(21.6deg); } .c100.p7 .bar {   -webkit-transform: rotate(25.2deg);   -moz-transform: rotate(25.2deg);   -ms-transform: rotate(25.2deg);   -o-transform: rotate(25.2deg);   transform: rotate(25.2deg); } .c100.p8 .bar {   -webkit-transform: rotate(28.8deg);   -moz-transform: rotate(28.8deg);   -ms-transform: rotate(28.8deg);   -o-transform: rotate(28.8deg);   transform: rotate(28.8deg); } .c100.p9 .bar {   -webkit-transform: rotate(32.4deg);   -moz-transform: rotate(32.4deg);   -ms-transform: rotate(32.4deg);   -o-transform: rotate(32.4deg);   transform: rotate(32.4deg); } .c100.p10 .bar {   -webkit-transform: rotate(36deg);   -moz-transform: rotate(36deg);   -ms-transform: rotate(36deg);   -o-transform: rotate(36deg);   transform: rotate(36deg); } .c100.p11 .bar {   -webkit-transform: rotate(39.6deg);   -moz-transform: rotate(39.6deg);   -ms-transform: rotate(39.6deg);   -o-transform: rotate(39.6deg);   transform: rotate(39.6deg); } .c100.p12 .bar {   -webkit-transform: rotate(43.2deg);   -moz-transform: rotate(43.2deg);   -ms-transform: rotate(43.2deg);   -o-transform: rotate(43.2deg);   transform: rotate(43.2deg); } .c100.p13 .bar {   -webkit-transform: rotate(46.8deg);   -moz-transform: rotate(46.8deg);   -ms-transform: rotate(46.8deg);   -o-transform: rotate(46.8deg);   transform: rotate(46.8deg); } .c100.p14 .bar {   -webkit-transform: rotate(50.4deg);   -moz-transform: rotate(50.4deg);   -ms-transform: rotate(50.4deg);   -o-transform: rotate(50.4deg);   transform: rotate(50.4deg); } .c100.p15 .bar {   -webkit-transform: rotate(54deg);   -moz-transform: rotate(54deg);   -ms-transform: rotate(54deg);   -o-transform: rotate(54deg);   transform: rotate(54deg); } .c100.p16 .bar {   -webkit-transform: rotate(57.6deg);   -moz-transform: rotate(57.6deg);   -ms-transform: rotate(57.6deg);   -o-transform: rotate(57.6deg);   transform: rotate(57.6deg); } .c100.p17 .bar {   -webkit-transform: rotate(61.2deg);   -moz-transform: rotate(61.2deg);   -ms-transform: rotate(61.2deg);   -o-transform: rotate(61.2deg);   transform: rotate(61.2deg); } .c100.p18 .bar {   -webkit-transform: rotate(64.8deg);   -moz-transform: rotate(64.8deg);   -ms-transform: rotate(64.8deg);   -o-transform: rotate(64.8deg);   transform: rotate(64.8deg); } .c100.p19 .bar {   -webkit-transform: rotate(68.4deg);   -moz-transform: rotate(68.4deg);   -ms-transform: rotate(68.4deg);   -o-transform: rotate(68.4deg);   transform: rotate(68.4deg); } .c100.p20 .bar {   -webkit-transform: rotate(72deg);   -moz-transform: rotate(72deg);   -ms-transform: rotate(72deg);   -o-transform: rotate(72deg);   transform: rotate(72deg); } .c100.p21 .bar {   -webkit-transform: rotate(75.6deg);   -moz-transform: rotate(75.6deg);   -ms-transform: rotate(75.6deg);   -o-transform: rotate(75.6deg);   transform: rotate(75.6deg); } .c100.p22 .bar {   -webkit-transform: rotate(79.2deg);   -moz-transform: rotate(79.2deg);   -ms-transform: rotate(79.2deg);   -o-transform: rotate(79.2deg);   transform: rotate(79.2deg); } .c100.p23 .bar {   -webkit-transform: rotate(82.8deg);   -moz-transform: rotate(82.8deg);   -ms-transform: rotate(82.8deg);   -o-transform: rotate(82.8deg);   transform: rotate(82.8deg); } .c100.p24 .bar {   -webkit-transform: rotate(86.4deg);   -moz-transform: rotate(86.4deg);   -ms-transform: rotate(86.4deg);   -o-transform: rotate(86.4deg);   transform: rotate(86.4deg); } .c100.p25 .bar {   -webkit-transform: rotate(90deg);   -moz-transform: rotate(90deg);   -ms-transform: rotate(90deg);   -o-transform: rotate(90deg);   transform: rotate(90deg); } .c100.p26 .bar {   -webkit-transform: rotate(93.6deg);   -moz-transform: rotate(93.6deg);   -ms-transform: rotate(93.6deg);   -o-transform: rotate(93.6deg);   transform: rotate(93.6deg); } .c100.p27 .bar {   -webkit-transform: rotate(97.2deg);   -moz-transform: rotate(97.2deg);   -ms-transform: rotate(97.2deg);   -o-transform: rotate(97.2deg);   transform: rotate(97.2deg); } .c100.p28 .bar {   -webkit-transform: rotate(100.8deg);   -moz-transform: rotate(100.8deg);   -ms-transform: rotate(100.8deg);   -o-transform: rotate(100.8deg);   transform: rotate(100.8deg); } .c100.p29 .bar {   -webkit-transform: rotate(104.4deg);   -moz-transform: rotate(104.4deg);   -ms-transform: rotate(104.4deg);   -o-transform: rotate(104.4deg);   transform: rotate(104.4deg); } .c100.p30 .bar {   -webkit-transform: rotate(108deg);   -moz-transform: rotate(108deg);   -ms-transform: rotate(108deg);   -o-transform: rotate(108deg);   transform: rotate(108deg); } .c100.p31 .bar {   -webkit-transform: rotate(111.6deg);   -moz-transform: rotate(111.6deg);   -ms-transform: rotate(111.6deg);   -o-transform: rotate(111.6deg);   transform: rotate(111.6deg); } .c100.p32 .bar {   -webkit-transform: rotate(115.2deg);   -moz-transform: rotate(115.2deg);   -ms-transform: rotate(115.2deg);   -o-transform: rotate(115.2deg);   transform: rotate(115.2deg); } .c100.p33 .bar {   -webkit-transform: rotate(118.8deg);   -moz-transform: rotate(118.8deg);   -ms-transform: rotate(118.8deg);   -o-transform: rotate(118.8deg);   transform: rotate(118.8deg); } .c100.p34 .bar {   -webkit-transform: rotate(122.4deg);   -moz-transform: rotate(122.4deg);   -ms-transform: rotate(122.4deg);   -o-transform: rotate(122.4deg);   transform: rotate(122.4deg); } .c100.p35 .bar {   -webkit-transform: rotate(126deg);   -moz-transform: rotate(126deg);   -ms-transform: rotate(126deg);   -o-transform: rotate(126deg);   transform: rotate(126deg); } .c100.p36 .bar {   -webkit-transform: rotate(129.6deg);   -moz-transform: rotate(129.6deg);   -ms-transform: rotate(129.6deg);   -o-transform: rotate(129.6deg);   transform: rotate(129.6deg); } .c100.p37 .bar {   -webkit-transform: rotate(133.2deg);   -moz-transform: rotate(133.2deg);   -ms-transform: rotate(133.2deg);   -o-transform: rotate(133.2deg);   transform: rotate(133.2deg); } .c100.p38 .bar {   -webkit-transform: rotate(136.8deg);   -moz-transform: rotate(136.8deg);   -ms-transform: rotate(136.8deg);   -o-transform: rotate(136.8deg);   transform: rotate(136.8deg); } .c100.p39 .bar {   -webkit-transform: rotate(140.4deg);   -moz-transform: rotate(140.4deg);   -ms-transform: rotate(140.4deg);   -o-transform: rotate(140.4deg);   transform: rotate(140.4deg); } .c100.p40 .bar {   -webkit-transform: rotate(144deg);   -moz-transform: rotate(144deg);   -ms-transform: rotate(144deg);   -o-transform: rotate(144deg);   transform: rotate(144deg); } .c100.p41 .bar {   -webkit-transform: rotate(147.6deg);   -moz-transform: rotate(147.6deg);   -ms-transform: rotate(147.6deg);   -o-transform: rotate(147.6deg);   transform: rotate(147.6deg); } .c100.p42 .bar {   -webkit-transform: rotate(151.2deg);   -moz-transform: rotate(151.2deg);   -ms-transform: rotate(151.2deg);   -o-transform: rotate(151.2deg);   transform: rotate(151.2deg); } .c100.p43 .bar {   -webkit-transform: rotate(154.8deg);   -moz-transform: rotate(154.8deg);   -ms-transform: rotate(154.8deg);   -o-transform: rotate(154.8deg);   transform: rotate(154.8deg); } .c100.p44 .bar {   -webkit-transform: rotate(158.4deg);   -moz-transform: rotate(158.4deg);   -ms-transform: rotate(158.4deg);   -o-transform: rotate(158.4deg);   transform: rotate(158.4deg); } .c100.p45 .bar {   -webkit-transform: rotate(162deg);   -moz-transform: rotate(162deg);   -ms-transform: rotate(162deg);   -o-transform: rotate(162deg);   transform: rotate(162deg); } .c100.p46 .bar {   -webkit-transform: rotate(165.6deg);   -moz-transform: rotate(165.6deg);   -ms-transform: rotate(165.6deg);   -o-transform: rotate(165.6deg);   transform: rotate(165.6deg); } .c100.p47 .bar {   -webkit-transform: rotate(169.2deg);   -moz-transform: rotate(169.2deg);   -ms-transform: rotate(169.2deg);   -o-transform: rotate(169.2deg);   transform: rotate(169.2deg); } .c100.p48 .bar {   -webkit-transform: rotate(172.8deg);   -moz-transform: rotate(172.8deg);   -ms-transform: rotate(172.8deg);   -o-transform: rotate(172.8deg);   transform: rotate(172.8deg); } .c100.p49 .bar {   -webkit-transform: rotate(176.4deg);   -moz-transform: rotate(176.4deg);   -ms-transform: rotate(176.4deg);   -o-transform: rotate(176.4deg);   transform: rotate(176.4deg); } .c100.p50 .bar {   -webkit-transform: rotate(180deg);   -moz-transform: rotate(180deg);   -ms-transform: rotate(180deg);   -o-transform: rotate(180deg);   transform: rotate(180deg); } .c100.p51 .bar {   -webkit-transform: rotate(183.6deg);   -moz-transform: rotate(183.6deg);   -ms-transform: rotate(183.6deg);   -o-transform: rotate(183.6deg);   transform: rotate(183.6deg); } .c100.p52 .bar {   -webkit-transform: rotate(187.2deg);   -moz-transform: rotate(187.2deg);   -ms-transform: rotate(187.2deg);   -o-transform: rotate(187.2deg);   transform: rotate(187.2deg); } .c100.p53 .bar {   -webkit-transform: rotate(190.8deg);   -moz-transform: rotate(190.8deg);   -ms-transform: rotate(190.8deg);   -o-transform: rotate(190.8deg);   transform: rotate(190.8deg); } .c100.p54 .bar {   -webkit-transform: rotate(194.4deg);   -moz-transform: rotate(194.4deg);   -ms-transform: rotate(194.4deg);   -o-transform: rotate(194.4deg);   transform: rotate(194.4deg); } .c100.p55 .bar {   -webkit-transform: rotate(198deg);   -moz-transform: rotate(198deg);   -ms-transform: rotate(198deg);   -o-transform: rotate(198deg);   transform: rotate(198deg); } .c100.p56 .bar {   -webkit-transform: rotate(201.6deg);   -moz-transform: rotate(201.6deg);   -ms-transform: rotate(201.6deg);   -o-transform: rotate(201.6deg);   transform: rotate(201.6deg); } .c100.p57 .bar {   -webkit-transform: rotate(205.2deg);   -moz-transform: rotate(205.2deg);   -ms-transform: rotate(205.2deg);   -o-transform: rotate(205.2deg);   transform: rotate(205.2deg); } .c100.p58 .bar {   -webkit-transform: rotate(208.8deg);   -moz-transform: rotate(208.8deg);   -ms-transform: rotate(208.8deg);   -o-transform: rotate(208.8deg);   transform: rotate(208.8deg); } .c100.p59 .bar {   -webkit-transform: rotate(212.4deg);   -moz-transform: rotate(212.4deg);   -ms-transform: rotate(212.4deg);   -o-transform: rotate(212.4deg);   transform: rotate(212.4deg); } .c100.p60 .bar {   -webkit-transform: rotate(216deg);   -moz-transform: rotate(216deg);   -ms-transform: rotate(216deg);   -o-transform: rotate(216deg);   transform: rotate(216deg); } .c100.p61 .bar {   -webkit-transform: rotate(219.6deg);   -moz-transform: rotate(219.6deg);   -ms-transform: rotate(219.6deg);   -o-transform: rotate(219.6deg);   transform: rotate(219.6deg); } .c100.p62 .bar {   -webkit-transform: rotate(223.2deg);   -moz-transform: rotate(223.2deg);   -ms-transform: rotate(223.2deg);   -o-transform: rotate(223.2deg);   transform: rotate(223.2deg); } .c100.p63 .bar {   -webkit-transform: rotate(226.8deg);   -moz-transform: rotate(226.8deg);   -ms-transform: rotate(226.8deg);   -o-transform: rotate(226.8deg);   transform: rotate(226.8deg); } .c100.p64 .bar {   -webkit-transform: rotate(230.4deg);   -moz-transform: rotate(230.4deg);   -ms-transform: rotate(230.4deg);   -o-transform: rotate(230.4deg);   transform: rotate(230.4deg); } .c100.p65 .bar {   -webkit-transform: rotate(234deg);   -moz-transform: rotate(234deg);   -ms-transform: rotate(234deg);   -o-transform: rotate(234deg);   transform: rotate(234deg); } .c100.p66 .bar {   -webkit-transform: rotate(237.6deg);   -moz-transform: rotate(237.6deg);   -ms-transform: rotate(237.6deg);   -o-transform: rotate(237.6deg);   transform: rotate(237.6deg); } .c100.p67 .bar {   -webkit-transform: rotate(241.2deg);   -moz-transform: rotate(241.2deg);   -ms-transform: rotate(241.2deg);   -o-transform: rotate(241.2deg);   transform: rotate(241.2deg); } .c100.p68 .bar {   -webkit-transform: rotate(244.8deg);   -moz-transform: rotate(244.8deg);   -ms-transform: rotate(244.8deg);   -o-transform: rotate(244.8deg);   transform: rotate(244.8deg); } .c100.p69 .bar {   -webkit-transform: rotate(248.4deg);   -moz-transform: rotate(248.4deg);   -ms-transform: rotate(248.4deg);   -o-transform: rotate(248.4deg);   transform: rotate(248.4deg); } .c100.p70 .bar {   -webkit-transform: rotate(252deg);   -moz-transform: rotate(252deg);   -ms-transform: rotate(252deg);   -o-transform: rotate(252deg);   transform: rotate(252deg); } .c100.p71 .bar {   -webkit-transform: rotate(255.6deg);   -moz-transform: rotate(255.6deg);   -ms-transform: rotate(255.6deg);   -o-transform: rotate(255.6deg);   transform: rotate(255.6deg); } .c100.p72 .bar {   -webkit-transform: rotate(259.2deg);   -moz-transform: rotate(259.2deg);   -ms-transform: rotate(259.2deg);   -o-transform: rotate(259.2deg);   transform: rotate(259.2deg); } .c100.p73 .bar {   -webkit-transform: rotate(262.8deg);   -moz-transform: rotate(262.8deg);   -ms-transform: rotate(262.8deg);   -o-transform: rotate(262.8deg);   transform: rotate(262.8deg); } .c100.p74 .bar {   -webkit-transform: rotate(266.4deg);   -moz-transform: rotate(266.4deg);   -ms-transform: rotate(266.4deg);   -o-transform: rotate(266.4deg);   transform: rotate(266.4deg); } .c100.p75 .bar {   -webkit-transform: rotate(270deg);   -moz-transform: rotate(270deg);   -ms-transform: rotate(270deg);   -o-transform: rotate(270deg);   transform: rotate(270deg); } .c100.p76 .bar {   -webkit-transform: rotate(273.6deg);   -moz-transform: rotate(273.6deg);   -ms-transform: rotate(273.6deg);   -o-transform: rotate(273.6deg);   transform: rotate(273.6deg); } .c100.p77 .bar {   -webkit-transform: rotate(277.2deg);   -moz-transform: rotate(277.2deg);   -ms-transform: rotate(277.2deg);   -o-transform: rotate(277.2deg);   transform: rotate(277.2deg); } .c100.p78 .bar {   -webkit-transform: rotate(280.8deg);   -moz-transform: rotate(280.8deg);   -ms-transform: rotate(280.8deg);   -o-transform: rotate(280.8deg);   transform: rotate(280.8deg); } .c100.p79 .bar {   -webkit-transform: rotate(284.4deg);   -moz-transform: rotate(284.4deg);   -ms-transform: rotate(284.4deg);   -o-transform: rotate(284.4deg);   transform: rotate(284.4deg); } .c100.p80 .bar {   -webkit-transform: rotate(288deg);   -moz-transform: rotate(288deg);   -ms-transform: rotate(288deg);   -o-transform: rotate(288deg);   transform: rotate(288deg); } .c100.p81 .bar {   -webkit-transform: rotate(291.6deg);   -moz-transform: rotate(291.6deg);   -ms-transform: rotate(291.6deg);   -o-transform: rotate(291.6deg);   transform: rotate(291.6deg); } .c100.p82 .bar {   -webkit-transform: rotate(295.2deg);   -moz-transform: rotate(295.2deg);   -ms-transform: rotate(295.2deg);   -o-transform: rotate(295.2deg);   transform: rotate(295.2deg); } .c100.p83 .bar {   -webkit-transform: rotate(298.8deg);   -moz-transform: rotate(298.8deg);   -ms-transform: rotate(298.8deg);   -o-transform: rotate(298.8deg);   transform: rotate(298.8deg); } .c100.p84 .bar {   -webkit-transform: rotate(302.4deg);   -moz-transform: rotate(302.4deg);   -ms-transform: rotate(302.4deg);   -o-transform: rotate(302.4deg);   transform: rotate(302.4deg); } .c100.p85 .bar {   -webkit-transform: rotate(306deg);   -moz-transform: rotate(306deg);   -ms-transform: rotate(306deg);   -o-transform: rotate(306deg);   transform: rotate(306deg); } .c100.p86 .bar {   -webkit-transform: rotate(309.6deg);   -moz-transform: rotate(309.6deg);   -ms-transform: rotate(309.6deg);   -o-transform: rotate(309.6deg);   transform: rotate(309.6deg); } .c100.p87 .bar {   -webkit-transform: rotate(313.2deg);   -moz-transform: rotate(313.2deg);   -ms-transform: rotate(313.2deg);   -o-transform: rotate(313.2deg);   transform: rotate(313.2deg); } .c100.p88 .bar {   -webkit-transform: rotate(316.8deg);   -moz-transform: rotate(316.8deg);   -ms-transform: rotate(316.8deg);   -o-transform: rotate(316.8deg);   transform: rotate(316.8deg); } .c100.p89 .bar {   -webkit-transform: rotate(320.4deg);   -moz-transform: rotate(320.4deg);   -ms-transform: rotate(320.4deg);   -o-transform: rotate(320.4deg);   transform: rotate(320.4deg); } .c100.p90 .bar {   -webkit-transform: rotate(324deg);   -moz-transform: rotate(324deg);   -ms-transform: rotate(324deg);   -o-transform: rotate(324deg);   transform: rotate(324deg); } .c100.p91 .bar {   -webkit-transform: rotate(327.6deg);   -moz-transform: rotate(327.6deg);   -ms-transform: rotate(327.6deg);   -o-transform: rotate(327.6deg);   transform: rotate(327.6deg); } .c100.p92 .bar {   -webkit-transform: rotate(331.2deg);   -moz-transform: rotate(331.2deg);   -ms-transform: rotate(331.2deg);   -o-transform: rotate(331.2deg);   transform: rotate(331.2deg); } .c100.p93 .bar {   -webkit-transform: rotate(334.8deg);   -moz-transform: rotate(334.8deg);   -ms-transform: rotate(334.8deg);   -o-transform: rotate(334.8deg);   transform: rotate(334.8deg); } .c100.p94 .bar {   -webkit-transform: rotate(338.4deg);   -moz-transform: rotate(338.4deg);   -ms-transform: rotate(338.4deg);   -o-transform: rotate(338.4deg);   transform: rotate(338.4deg); } .c100.p95 .bar {   -webkit-transform: rotate(342deg);   -moz-transform: rotate(342deg);   -ms-transform: rotate(342deg);   -o-transform: rotate(342deg);   transform: rotate(342deg); } .c100.p96 .bar {   -webkit-transform: rotate(345.6deg);   -moz-transform: rotate(345.6deg);   -ms-transform: rotate(345.6deg);   -o-transform: rotate(345.6deg);   transform: rotate(345.6deg); } .c100.p97 .bar {   -webkit-transform: rotate(349.2deg);   -moz-transform: rotate(349.2deg);   -ms-transform: rotate(349.2deg);   -o-transform: rotate(349.2deg);   transform: rotate(349.2deg); } .c100.p98 .bar {   -webkit-transform: rotate(352.8deg);   -moz-transform: rotate(352.8deg);   -ms-transform: rotate(352.8deg);   -o-transform: rotate(352.8deg);   transform: rotate(352.8deg); } .c100.p99 .bar {   -webkit-transform: rotate(356.4deg);   -moz-transform: rotate(356.4deg);   -ms-transform: rotate(356.4deg);   -o-transform: rotate(356.4deg);   transform: rotate(356.4deg); } .c100.p100 .bar {   -webkit-transform: rotate(360deg);   -moz-transform: rotate(360deg);   -ms-transform: rotate(360deg);   -o-transform: rotate(360deg);   transform: rotate(360deg); }#colors-pixel {width:77px;float:left;font-family:"Lato";font-size:12px;color:#fff;text-align:center;border-radius:3px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);border:2px solid rgba(0,0,0,0.2);padding-top:9px;padding-bottom:9px;margin-left:3px;margin-top:3px;}