a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header#home,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header#home,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{background:0 0}body{font-family:'Open Sans',sans-serif;line-height:24px;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif;color:#303a46;letter-spacing:0}h1{font-size:45px;font-weight:600;line-height:58px}h1.rokkitt{font-family:Rokkitt,serif;font-size:46px;font-weight:400;line-height:60px}h2{font-size:32px;font-weight:600;line-height:42px;margin-bottom:24px}h3,h4{font-size:22px;font-weight:600;line-height:33px}h5,h6{font-size:16px;font-weight:700;line-height:24px;text-transform:uppercase}h2.condensed,h3.condensed,h4.condensed,h5.condensed,h6.condensed{font-family:'Open Sans Condensed',sans-serif}p{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46}p.md{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:16px;line-height:24px}p.sm{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:13px;line-height:20px}a{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-weight:700;color:#3572af;cursor:pointer;text-decoration:none}a.md{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:16px;line-height:24px}a.sm{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:13px;line-height:20px}a:active,a:link,a:visited{color:#3572af}a:hover{color:#4f6989;text-decoration:underline}ol{margin-left:24px}ol li{list-style-type:decimal;margin:12px 0;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46}ul{margin-left:24px}ul li{list-style-type:disc;margin:12px 0;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46}.wf-loading{visibility:hidden}.wf-active,.wf-inactive{visibility:visible}header{clear:both;height:80px;width:100%;background-color:#fff}header h1 a{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;position:relative;z-index:3;float:left;background-position:0 0;background-repeat:no-repeat;background-image:url("/images/nav-logo.png");width:157px;height:52px;display:block;margin:14px 15px 0 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){header h1 a{background-image:url("/images/nav-logo@2x.png");background-size:157px 52px}}header h1 a:hover{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}header a,header a:hover{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:16px;line-height:24px;color:#3572af;font-weight:600;padding:0 16px;text-align:center;display:inline-block}header a.active{color:#88949f!important}header a.hiring{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:16px;line-height:24px;background-color:#fdf4ee;border:1px solid #ff8e4d;color:#b45621;font-weight:600;padding:6px 24px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}header a.hiring.active{color:#b45621!important}header .left-nav{position:absolute;z-index:1;top:25px;left:0;width:100%;text-align:center}header .right-nav{display:block;float:right;padding-top:32px;height:80px;width:250px;text-align:right;position:relative;z-index:3}header .right-nav a:last-of-type{padding-right:0}header .mobile-menu{display:block;float:right;height:80px;padding-top:22px}header .mobile-menu a.hamburger{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:block;padding:3px 3px;width:36px;height:36px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-position:2px 2px;background-repeat:no-repeat;background-image:url("/images/menu.png");-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){header .mobile-menu a.hamburger{background-image:url("/images/menu@2x.png");background-size:32px 32px}}header .mobile-menu a.hamburger:hover{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-color:#f6f9fd}header .mobile-menu a:hover{background-color:#f6f9fd}header .mobile-menu a{font-weight:400;text-align:left}#mobile-menu{display:none;position:absolute;right:10px;top:62px;z-index:200}#mobile-menu .menu-arrow{position:absolute;top:0;right:18px;width:14px;height:10px;background-position:0 0;background-repeat:no-repeat;background-image:url("/images/mobile-menu.png")}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){#mobile-menu .menu-arrow{background-image:url("/images/mobile-menu@2x.png");background-size:14px 10px}}#mobile-menu ul{margin:8px 0 0 0;padding:25px 0;min-width:150px;background-color:#fff;border:2px solid #92d4e6;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#mobile-menu ul li{list-style-type:none;padding-bottom:0;margin:0}#mobile-menu ul li:hover{background-color:#f6f9fd}#mobile-menu a{display:block;width:100%;line-height:24px;padding:5px 60px 5px 30px}#mobile-menu a.active{color:#88949f}footer a,footer a:link{font-family:'Open Sans',sans-serif;font-size:18px;line-height:30px;letter-spacing:.25px;color:#303a46;font-size:16px;line-height:24px;color:#3572af;font-weight:400}footer .client-logos{text-align:center;padding-top:24px}footer .info{padding-top:60px;margin-bottom:40px;border-top:1px solid #e6ebf1}footer .info h1 a{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-position:left top;background-repeat:no-repeat;background-image:url("/images/nav-logo.png");width:160px;height:52px;margin-bottom:10px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){footer .info h1 a{background-image:url("/images/nav-logo@2x.png");background-size:157px 52px}}@media (min-width:992px){footer .info .company-description{padding-right:50px}}footer .info .company-description p{margin-bottom:24px}footer .info .company-description p a{display:inline;line-height:24px}footer .info a{line-height:32px;display:block}footer .info h5{line-height:32px;padding:0}footer .info h5.developers{margin-top:32px}footer .copyright{padding:16px 0 60px 0;color:#88949f;border-top:1px solid #e6ebf1}footer .copyright span{padding:0 16px}footer .copyright .heart{vertical-align:middle;margin-bottom:2px}footer .copyright .contact-menu{text-align:right}@media (min-width:992px) and (max-width:1199px){footer .info .search-menu{padding-right:0;padding-left:0}}@media (max-width:991px){footer .info .company-description{margin-bottom:35px}}@media (max-width:767px){footer .info{margin-top:0;margin-bottom:0;padding-top:16px}footer .info .company-menu,footer .info .products-menu,footer .info .search-menu,footer .info .technology-menu{margin-bottom:35px}footer .copyright .contact-menu,footer .copyright div{text-align:center;padding-bottom:10px}}html{height:100%}body{min-height:100%;position:relative;padding-bottom:464px}footer{height:464px;width:100%;position:absolute;bottom:0;left:0;right:0}@media (min-width:992px) and (max-width:1199px){body{padding-bottom:488px}footer{height:488px}}@media (min-width:768px) and (max-width:991px){body{padding-bottom:683px}footer{height:683px}}@media (max-width:767px){body{padding-bottom:0}footer{height:auto;position:relative}}.color-extract-lab .overview{padding-top:60px}.color-extract-lab .overview h1{line-height:48px}.color-extract-lab .overview h4{font-size:14px;font-weight:400;line-height:24px}.color-extract-lab .overview h4 a{font-weight:400;font-size:14px}.color-extract-lab .overview a{font-weight:400}.color-extract-lab .overview p{margin:16px 0}.color-extract-lab .error{background:#ffe3e0 url(/images/error-message-icon.png) 5px center no-repeat;padding:5px 20px 5px 35px;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.color-extract-lab .controls{padding-top:10px}.color-extract-lab .controls .image-url-control,.color-extract-lab .controls .upload-control{float:left;height:60px}.color-extract-lab .controls label{font-weight:400;padding-bottom:5px;font-size:14px;line-height:17px}.color-extract-lab .controls #upload-button{display:block;float:left;width:135px;height:40px;padding-left:43px;padding-top:11px;margin:0 10px 0 0;color:#426086;background-color:#fff;background-position:3px 0;background-repeat:no-repeat;background-image:url("/images/upload.png");border:1px solid #c4c4c4;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.color-extract-lab .controls #upload-button{background-image:url("/images/upload@2x.png");background-size:38px 38px}}.color-extract-lab .controls #upload-button:hover{cursor:pointer;background-color:#fafafa}.color-extract-lab .controls #upload-image{position:fixed;top:-1000px}.color-extract-lab .controls .loading-container{text-align:center;width:100%;height:42px;padding-top:20px}.color-extract-lab .controls .loading-container .throbber{display:none}.color-extract-lab .controls .image-url-control .form-control{display:inline;position:relative;width:507px;height:40px;border-color:#c4c4c4;padding-right:100px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.color-extract-lab .controls .image-url-control .form-control::-webkit-input-placeholder{color:#303a46}.color-extract-lab .controls .image-url-control .form-control:-moz-placeholder{color:#303a46}.color-extract-lab .controls .image-url-control .form-control::-moz-placeholder{color:#303a46}.color-extract-lab .controls .image-url-control .form-control:-ms-input-placeholder{color:#303a46}.color-extract-lab .controls .image-url-control .extract-submit{position:absolute;right:20px;top:12px;color:#426086;border:none;background-color:#fff;border-left:1px solid #c4c4c4;padding:0 15px;font-size:14px;line-height:17px}@media (min-width:992px) and (max-width:1199px){.color-extract-lab .controls .image-url-control .form-control{width:470px}}@media (min-width:768px) and (max-width:991px){.color-extract-lab .controls .image-url-control .form-control{width:573px}}.color-extract-lab .controls #dragdrop_feature{display:none}.color-extract-lab .controls .drag-and-drop-zone{border:1px dashed #999}.color-extract-lab .controls .drag-and-drop-zone p{text-align:center;font-size:14px;color:#303a46;margin:8px 0}.color-extract-lab .results{margin-bottom:100px}.color-extract-lab .results h3{font-family:Rokkitt,serif;font-weight:400;font-size:32px;margin:20px 0}.color-extract-lab .results .query-image span{display:block;height:24px;font-size:14px;font-weight:700;color:#303a46;border-bottom:2px solid #edf1f6;margin-bottom:20px;margin-top:20px}.color-extract-lab .results .palette-container{width:100%;height:460px}.color-extract-lab .results .palette{float:left;width:144px;height:auto;margin-right:8px;border:2px solid #fff}.color-extract-lab .results .palette:hover{border:2px solid #333}.color-extract-lab .results .color-row{display:block;width:140px}.color-extract-lab .results .titles{height:24px;font-size:14px;font-weight:700;color:#303a46;border-bottom:2px solid #edf1f6;margin-bottom:20px}.color-extract-lab .results .titles .color-map,.color-extract-lab .results .titles .color-name,.color-extract-lab .results .titles .hex-color,.color-extract-lab .results .titles .palette-title,.color-extract-lab .results .titles .rgb-color,.color-extract-lab .results .titles .weight{display:block;float:left;line-height:14px;height:32px}.color-extract-lab .results .titles .color-map{width:296px}.color-extract-lab .results .titles .palette-title{width:200px}.color-extract-lab .results .titles .hex-color{width:148px}.color-extract-lab .results .titles .rgb-color{width:148px}.color-extract-lab .results .titles .weight{width:114px}.color-extract-lab .results .titles .color-name{width:auto}@media (min-width:992px) and (max-width:1199px){.color-extract-lab .results .titles .color-map{width:326px}}@media (max-width:991px){.color-extract-lab .results .titles{margin-top:20px}.color-extract-lab .results .titles .color-map{width:326px}}.color-extract-lab .results .color-range{width:500px;height:420px;float:left;padding-left:50px}.color-extract-lab .results .result-color{width:230px;height:40px;float:left;border:2px solid #fff;margin-right:10px;padding-left:30px}.color-extract-lab .results .result-color:hover{border:2px solid #333}.color-extract-lab .results .color-info{clear:both;width:500px;height:45px}.color-extract-lab .results .color-info a{font-size:14px;font-weight:600;line-height:28px}.color-extract-lab .results .color-info span.dark{color:#303a46}.color-extract-lab .results .color-info span.light{color:#fff}.color-extract-lab .results .color-info .color-name,.color-extract-lab .results .color-info .hex-color,.color-extract-lab .results .color-info .weight{display:block;float:left;height:45px;padding-top:5px}.color-extract-lab .results .color-info .hex-color{padding-left:40px;width:112px}.color-extract-lab .results .color-info .weight{text-align:right;width:60px}.color-extract-lab .results .color-info .color-name{font-size:14px;font-weight:600;line-height:32px;width:auto}@media (min-width:992px) and (max-width:1199px){.color-extract-lab .results .color-info,.color-extract-lab .results .color-range{width:455px}}@media (min-width:768px) and (max-width:991px){.color-extract-lab .results .query-image{padding-bottom:30px}.color-extract-lab .results .query-image div{float:left;width:50%}}.color-extract-lab .options{padding:30px 0;display:block;height:110px;clear:both}.color-extract-lab .options label.checkbox{font-weight:400;padding-bottom:10px;cursor:pointer}.color-extract-lab .options label.checkbox span{display:inline-block;background-color:#fff;color:#fff;width:24px;height:24px;padding-left:2px;margin-bottom:-6px;margin-right:4px;border:1px solid #c4c4c4;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.color-extract-lab .options input.checkbox{position:absolute;left:-99999px}.color-extract-lab .options input.checkbox:focus+label span{border:1px solid #ffa852!important}.color-extract-lab .options input.checkbox:checked+label span{background:#fff url('/images/checked-lg.png') 4px 3px no-repeat}.color-extract-lab .learn-more{padding-bottom:100px}.color-extract-lab .learn-more a{font-weight:400}#upload_overlay_message{display:block;width:200px;margin:200px auto 0 auto;padding:10px;text-align:center;color:#eee;background-color:#000;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#upload_overlay{display:none;position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:#444;z-index:99}body.dragenter #upload_overlay{display:block;opacity:.6}