.calculate,.copycode,.gcode{cursor:pointer;text-transform:uppercase}.calmain,.custom-select{position:relative}.calmain,.calmain .div25,.calmain .div33,.calmain .div50,.calmain .div75,.calmain input[type=number],.copycode,.select{box-sizing:border-box}.wrap{width:100%;max-width:750px;margin:0 auto}.calmain .results hr{border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(142 198 66),rgba(0,0,0,0));margin:25px 0}.results .result_box{color:#fff}.results .result_box .info{font-size:14px;font-weight:500;color:#000;font-style:italic;display:block}.results .result_box h4{font-size:26px}.calmain{margin:20px auto;background:#fff;padding:15px 12px;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.inner{padding:40px 10px 10px;background:rgba(243,243,243,.29)}.calmain .switch_field.switch_metric{text-align:right}.chosen-container-single .chosen-single,input:not([type=submit]),select,textarea{display:inline-block;background:#fff;border:1px solid #e0e0e0;border-radius:0;padding:0 14px;height:34px;outline:0;font-size:14px;font-weight:300;margin:0;width:100%;max-width:100%;transition:.25s;box-shadow:none}#embeded_code,pre{background:#f4f4f4}.calmain .switch_field.switch_metric label{border:1px solid #000;color:#000;padding:6px 10px}.calmain .switch_field{overflow:hidden;margin-bottom:15px}.calmain .switch_field input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.calmain .switch_field.switch_metric input:checked+label{background:#000;color:#fff}.calmain .switch_field input:checked+label{background:#e52b0e;color:#fff}.calmain .switch_field.switch_gender label{width:calc(50% - 6px);margin-right:6px;font-size:18px;padding:9px 14px;box-sizing:border-box;display:inline-block}.calmain .switch_field label{display:inline-block;width:100px;background:#fff;border:1px solid #e52b0e;color:#e52b0e;font-weight:700;font-size:17px;text-align:center;text-shadow:none;margin-right:1px;padding:10px 20px;-moz-transition:.1s ease-in-out;-ms-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;cursor:pointer}.calmain .div100 span,pre{display:block}.calmain .switch_field.switch_gender label:last-child{margin-right:0}.calmain .div33{width:32.7%;padding:0;display:inline-block}.calmain .element h5{color:#000;font-weight:400;text-transform:capitalize;font-size:19px;margin-bottom:10px;margin-top:0}.calmain input[type=number],.select{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select-items,.select-selected{background-color:#e52b0e}.calmain hr.divider{border:2px solid #fff;margin-bottom:20px;margin-top:20px}.calculate,.calmain .result_box div{margin-top:15px}.custom-select select,.select-hide{display:none}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}.select-items div,.select-selected{color:#fff;padding:4px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,.1);cursor:pointer}.select-items{position:absolute;top:100%;left:0;right:0;z-index:99}.same-as-selected,.select-items div:hover{background-color:#000}.calculate{font-size:20px;background:#e52b0e;color:#fff;border:none;padding:10px 25px;font-weight:500;border-radius:5px}.results{font-size:18px;color:#000;line-height:24px;text-align:left;margin:20px 0}.result_box{background:#8ec642;margin:8px;padding:20px;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.normal{font-weight:400}.normal span{font-weight:600}.calmain h2{font-size:1.5em;margin:15px 0 20px;line-height:1.25;letter-spacing:-.02em;color:#e52b0e}.calmain .div50{width:calc(47% - -2px);display:inline-block}.calmain .div100{background:#77cff7}.calmain .div75{width:calc(65% - 0px);display:inline-block}.calmain .div25{width:calc(34% - 0px);display:inline-block;padding-left:20px}.calmain .result_box p{color:#000;font-size:14px}.calmain .result_box span{font-size:24px;color:#fff;font-weight:500;padding:15px 0 5px}.calmain input:-moz-read-only{background-color:#ddd!important}.calmain input:read-only{background-color:#ddd!important}@media(max-width:1200px){.calmain .div50{width:100%}}@media(max-width:768px){.calmain .div100,.calmain .div25,.calmain .div33,.calmain .div50,.calmain .div75{width:100%}.calmain{padding:15px 10px}.inner{padding:10px 0}.calmain .div100,.calmain .div50{margin:0 0 15px}.calmain .div25{padding:10px 0 0}}.embedded{background:#fff;padding:15px;color:#000;margin:0}.copycode,.gcode{color:#fff;font-weight:500;text-decoration:none}.gcode{font-size:16px;margin-top:15px;background:#000;border:none;padding:8px 20px;border-radius:5px}.copycode,.embedded p{font-size:14px}.copycode{margin-top:10px;background:#e52b0e;border:none;padding:5px 15px;border-radius:5px}#embeded_code{padding:10px}#embeded_code_text{min-height:80px}pre{border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;word-wrap:break-word}