.color-calculator{min-width:900px;padding-left:2%}.wrap{padding:10px;position:relative;display:inline-block}.main-wheel{float:left}.main-wheel label{position:absolute;bottom:-8px;left:135px;z-index:1}.wrap .sm{float:left}.popup{position:absolute;bottom:10px;left:90px;width:190px;height:70px;z-index:2;display:none}.popup-inner{background:#FFAF44;border-radius:4px;padding:10px;box-shadow:2px 2px 20px rgba(0,0,0,.3)}.popup p{margin:0;font-size:14px;line-height:18px}.popup-tip{font-size:35px;position:absolute;color:#FFAF44;top:60px;left:20px}a.addmore{float:left;position:absolute;top:25px;right:-60px}a.remove{display:block;position:absolute;bottom:-20px;right:50px;width:80px;z-index:-1}a.addmore,a.remove{font-size:10px}a.addmore img,a.remove img{vertical-align:middle}.symmetries{margin:10px}.symmetries button.engaged{border:1px solid orange}.symmetries h2{margin:0;padding:0;position:absolute;text-align:center;font-size:10px;width:130%;top:75px;left:-10px;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.symmetries button:hover h2{zoom:1;opacity:1;filter:alpha(opacity=1)}.symmetries button img{height:50px}#console{clear:both;position:absolute;bottom:0}#slider{float:left;width:30px}#clear-get{clear:both;height:20px;width:850px;margin-top:20px}#clear{position:relative;float:right;padding:0 20px 0 0;font-size:12px}#viewresults,#print{float:right;font-weight:700}#results{position:relative;clear:both;width:auto;height:134px;border:1px solid #CCC;margin-left:45px;margin-top:40px;margin-bottom:40px;display:inline-block;padding:3px}#results div{width:133px;height:100%;margin-right:1px;float:left;background-color:#fff}#results div:last-child{margin:0}#swatches{position:absolute;overflow:visible;z-index:0;left:380px;top:40px;width:100%}#swatches div{width:100px;height:180px;border-top-left-radius:10px;border-top-right-radius:10px;margin:2px;float:left;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.8),3px 5px 20px rgba(0,0,0,.6);-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.8),3px 5px 20px rgba(0,0,0,.6);-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.8),3px 5px 20px rgba(0,0,0,.6);-o-box-shadow:inset 0 1px 1px rgba(255,255,255,.8),3px 5px 20px rgba(0,0,0,.6);background:url(/wp-content/themes/divi-child/color-calculator/noise.png)}#swatches div:nth-child(1){-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);transform:rotate(-8deg);z-index:6}#swatches div:nth-child(2){-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg);z-index:5;top:35px}#swatches div:nth-child(3){-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg);z-index:4;top:20px;left:-15px}#swatches div:nth-child(4){-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg);z-index:3;top:-5px;left:-30px}#swatches div:nth-child(5){-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg);z-index:2;top:30px;left:-45px}#swatches div:nth-child(6){-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);z-index:1;top:32px;left:-60px}#swatches div img{width:200px;height:300px;position:absolute;top:0;left:0}.steps{float:left;font-size:11px;text-transform:uppercase;width:100px;padding-top:10px;line-height:11px;margin-top:8px}.number-a{float:left;font-size:28px;font-weight:700;color:#999;display:block;width:20px}.number-b{float:left;width:65px;display:block;margin:-5px 0 0 8px}.steps img{float:left;margin-right:5px;vertical-align:middle}.circle-button{overflow:visible;width:28px;height:28px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.59);font-size:12px;display:inline;position:relative;margin:0 5px 0 5px;background:#ececec;outline:none;border:1px solid #d8d8d8;border-bottom:1px solid #ccc;border-radius:100%;cursor:pointer;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 14px 13px rgba(255,255,255,.57);-moz-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 14px 13px rgba(255,255,255,.57);-o-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 14px 13px rgba(255,255,255,.57);box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 14px 13px rgba(255,255,255,.57)}.circle-button:hover{box-shadow:0 2px 2px rgba(255,255,255,.27),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.087),inset 0 6px 7px rgba(245,245,245,.57);-webkit-box-shadow:0 2px 2px rgba(255,255,255,.27),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.087),inset 0 6px 7px rgba(245,245,245,.57);-moz-box-shadow:0 2px 2px rgba(255,255,255,.27),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.087),inset 0 6px 7px rgba(245,245,245,.57);-o-box-shadow:0 2px 2px rgba(255,255,255,.27),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.087),inset 0 6px 7px rgba(245,245,245,.57);background:#fafafa}.circle-button:active{color:#696969;text-shadow:0 1px 0 rgba(255,255,255,.53);border:1px solid #d2d2d2;border-bottom:1px solid #d8d8d8;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);-moz-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);-o-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2)}.circle-button.large{width:65px;height:65px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 5px 13px rgba(255,255,255,.57);-moz-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 5px 13px rgba(255,255,255,.57);-o-box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 5px 13px rgba(255,255,255,.57);box-shadow:0 2px 2px rgba(0,0,0,.027),inset 0 1px 0 rgba(255,255,255,.69),inset 0 -1px 0 rgba(0,0,0,.0187),inset 0 5px 13px rgba(255,255,255,.57);-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.circle-button.off{opacity:.3;filter:alpha(opacity=.3)}.checkbox{cursor:pointer;display:inline-block;height:14px;position:relative;vertical-align:baseline;width:14px}.minicolors{position:relative;display:inline-block;z-index:1;margin:10px}.inputs .minicolors.off{display:none}.outputs .minicolors.off{opacity:.3;filter:alpha(opacity=.3)}.minicolors.off .minicolors-panel{display:none}.minicolors.off .remove{display:none}.minicolors.on{opacity:1;filter:alpha(opacity=1)}.minicolors-focus{z-index:2}.minicolors .minicolors-input{margin:0;margin-right:3px;border:solid 1px #CCC;font:18px sans-serif;width:100px;height:22px;border-radius:0;box-shadow:inset 0 1px 10px rgba(0,0,0,.07);-moz-box-shadow:inset 0 1px 10px rgba(0,0,0,.07);-o-box-shadow:inset 0 1px 10px rgba(0,0,0,.07);-webkit-box-shadow:inset 0 1px 10px rgba(0,0,0,.07);padding:2px;padding-top:4px;margin-right:-1px;vertical-align:middle;outline:none;color:#555}.minicolors.off .minicolors-input{color:rgba(30,30,30,0)}.minicolors-swatch-left .minicolors-input{margin-left:-1px;margin-right:auto}.minicolors-focus .minicolors-input,.minicolors-focus .minicolors-swatch{border-color:#999}.minicolors-hidden{position:absolute;left:-9999em}.minicolors-swatch{position:relative;width:26px;height:26px;text-align:left;vertical-align:middle;display:inline-block}.minicolors-swatch SPAN{position:absolute;width:22px;height:22px;background:none;display:inline-block;margin:2px}.off .minicolors-swatch SPAN{background-color:white!important}.minicolors-panel{position:absolute;top:28px;left:0;width:182px;height:210px;background:#fff;border:solid 1px #CCC;box-shadow:0 0 20px rgba(0,0,0,.2);display:none}.lg .minicolors-panel{width:243px;height:202px;background:none;border:none;box-shadow:none}.minicolors-panel .mini-inputs{width:176px;position:absolute;top:150px;font-size:9px;padding:8px 0 0 6px}.minicolors-panel .mini-inputs p{float:left;line-height:20px;font-size:11px;color:#999;margin:0;padding:0}.minicolors-panel .mini-inputs input{float:left;margin:3px 5px 0 3px;border:1px solid #999;padding:2px;width:25px;height:13px;font-size:11px}.minicolors-panel .mini-inputs #k{margin-right:0}.minicolors-panel .mini-inputs #k+p{clear:both}.minicolors-position-top .minicolors-panel{top:-156px}.minicolors-position-left .minicolors-panel{left:-83px}.minicolors-position-left.minicolors-with-opacity .minicolors-panel{left:-104px}.minicolors-with-opacity .minicolors-panel{width:194px}.minicolors .minicolors-grid{position:absolute;top:4px;left:4px;width:150px;height:150px;background:url(/wp-content/themes/divi-child/color-calculator/grid-mini.png) 0 0;cursor:pointer}.minicolors .minicolors-grid-inner{position:absolute;top:0;right:0;width:150px;height:150px;background:none}.lg .minicolors-grid{width:200px;height:200px;background:none;cursor:default;right:0;top:0;left:auto}.lg .minicolors-grid-inner{width:200px;height:200px}.lg .minicolors-grid-inner img{max-width:107%}.minicolors-slider-saturation .minicolors-grid{background-position:-420px 0}.minicolors-slider-saturation .minicolors-grid-inner{background:url(/wp-content/themes/divi-child/color-calculator/jquery.minicolors.png) -270px 0}.minicolors-slider-brightness .minicolors-grid{background-position:-570px 0}.minicolors-slider-brightness .minicolors-grid-inner{background:#000}.minicolors-slider-wheel .minicolors-grid{background-position:-720px 0}.minicolors-slider,.minicolors-opacity-slider{position:absolute;top:4px;right:4px;left:auto;width:20px;height:150px;background:#fff url(/wp-content/themes/divi-child/color-calculator/slider-hue.png) 0 0;cursor:pointer}.lg .minicolors-slider{top:0;left:0;height:200px;background:url(/wp-content/themes/divi-child/color-calculator/slider-gradient.png) no-repeat}.minicolors-slider-saturation .minicolors-slider{background-position:-60px 0}.minicolors-slider-brightness .minicolors-slider{background-position:-20px 0}.minicolors-opacity-slider{left:173px;background-position:-40px 0;display:none}.minicolors-with-opacity .minicolors-opacity-slider{display:block}.minicolors-grid .minicolors-picker{position:absolute;top:100px;left:100px;width:10px;height:10px;border:solid 1px #000;border-radius:8px;margin-top:-6px;margin-left:-6px;background:none}.minicolors-grid .minicolors-picker SPAN{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:6px;border:solid 2px #fff}.lg .minicolors-grid .minicolors-picker{width:12px;height:12px;cursor:pointer}.lg .minicolors-grid .minicolors-picker SPAN{width:8px;height:8px}.lg .minicolors-grid SPAN.picked{border:2px solid rgba(0,0,0,.7);margin-top:-7px;margin-left:-7px}.minicolors-picker{position:absolute;top:0;left:0;width:18px;height:2px;background:#fff;border:solid 1px #000;margin-top:-2px}.minicolors-inline .minicolors-input,.minicolors-inline .minicolors-swatch{display:none}.minicolors-inline .minicolors-panel{position:relative;top:auto;left:auto;display:inline-block}.ilu-button,.ilu-button1{color:rgb(102,102,102);text-shadow:0 1px 0 rgba(255,255,255,.59);font-size:12px;display:inline;position:relative;margin:0 5px;width:auto;height:auto;background:none repeat scroll 0% 0% rgb(236,236,236);padding:6px 10px;outline:medium none;border-width:1px;border-style:solid;border-color:rgb(216,216,216) rgb(216,216,216) rgb(204,204,204);-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;border-radius:3px 3px 3px 3px;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.027),0 1px 0 rgba(255,255,255,.69) inset,0 -1px 0 rgba(0,0,0,.02) inset,0 14px 13px rgba(255,255,255,.57) inset}.ilu-button1{background:none repeat scroll 0% 0% #FFAF44}.ilu-button a:hover{text-decoration:none}#intro-results .ilu-button{float:left}#dropdown{display:block;margin-left:90px;width:auto;height:auto;float:left}#dropdown-select{-webkit-appearance:button;-webkit-user-select:none;overflow:visible;text-overflow:ellipsis;white-space:nowrap;margin:0 1px 0 1px;background:#ececec url(/wp-content/themes/divi-child/color-calculator/ddui.png) -50px 0 no-repeat;padding:5px 69px 6px 13px}.dropdown-option{color:#666;background:#f9f9f9}#dropdown-select::before{-webkit-margin-start:3px;background:rgba(102,102,102,.74);border-radius:100%;content:'';display:inline-block;font-size:12px;font-weight:400;height:6px;left:0;margin-top:3px;opacity:1;position:absolute;top:0;vertical-align:top;width:6px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.69),inset 0 1px 3px rgba(0,0,0,.35)}.ilu-button:active,.ilu-button:hover,#viewresults:active,#print:active,#viewresults:hover,#print:hover{color:#696969;text-shadow:0 1px 0 rgba(255,255,255,.53);border:1px solid #d2d2d2;border-bottom:1px solid #d8d8d8;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);-moz-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);-o-box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2);box-shadow:0 1px 0 rgba(255,255,255,.58),inset 0 1px 6px rgba(0,0,0,.07),inset 0 -14px 13px rgba(255,255,255,.2)}#viewresults img,.ilu-button img{vertical-align:middle;border:0}table#resultstable{position:relative;padding:6px 10px;outline:medium none;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;border-radius:5px;display:inline-table;background:#fff;z-index:100;margin:-20px 0 20px 300px;width:640px;box-shadow:0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}table#resultstable tr:last-child{border-bottom:none;border-radius:0 0 5px 5px}table#resultstable td.colores{padding-left:50px}table#resultstable td img{width:100%;height:100%}.smedia{margin-right:350px}@media print{body,html{visibility:hidden}#logo,#intro-results h1,#intro-results p,#swatches,#resultstable,#about-s{visibility:visible}#aContentform{top:100px}#intro-results h1 img{display:none}#intro-results{float:none;width:380px}#resultstable{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}#swatches{position:absolute;overflow:visible;z-index:-1;left:470px;top:240px;width:700px;height:300px}#swatches div{width:75px;height:180px;border-top-left-radius:10px;border-top-right-radius:10px;margin:2px!important;float:left;position:relative;overflow:hidden;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-webkit-transform:rotate(0deg)!important;-moz-transform:rotate(0deg)!important;-o-transform:rotate(0deg)!important;transform:rotate(0deg)!important;top:auto!important;left:auto!important}.ilu-button{visibility:hidden}table#resultstable{box-shadow:none;z-index:8;width:950px;margin:-20px 0 20px 3px;border:#666 solid 1px;font-size:12px}table#resultstable td{font-size:18px}.smedia{display:none}}