@font-face{font-family:'Comfortaa';font-style:normal;font-weight:300;font-display:swap;src:url(/static/comfortaa300.woff2)format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
html{width:100%;height:100%;margin:0;} 
body{width:100%;min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:#fff;color:#555;font-family: 'Comfortaa', cursive;font:2vw comfortaa;font-weight:300;}
#wrapper{position:relative;width:100%;min-width:320px;height:100%;margin-top:1vw;}
#content{position:relative;width:100%;height:100%;}
h1{font-size:5vw;margin:0;line-height:100%;}
h2{font-size:13vw;margin:0;line-height:100%;}
.value{display:inline;}
#top{position:relative;top:-5%;width:100%;text-align:center;}
#left{position:relative;vertical-align: top;left:5%;top:2vw;width:30%;font-size:1.4vw;display:inline-block;}
#calc{position:relative;left:7%;top:2vw;width:25%;font-size:1.8vw;font-weight:bold;display:inline-block;}
#right{position:relative;vertical-align: top;left:9%;top:2vw;width:30%;min-height:80%;display:inline-block;}
.valbox{display:inline-block;background:#555;color:#eee;border-radius: 1vw;padding:0.5vw 1vw;text-align:right;}
#hfi{width:3vw;}
#hcm{width:5.3vw;}
#wlb{width:4.5vw;}
#wkg{width:4.3vw;}
#bmi{font-size:4vw;font-weight:bold;}
.ir{
    -webkit-appearance: none;
		position:relative;
		top:0.5vw;
    width: 100%;
    height: 1vw;
    border-radius: 0.5vw;
    background: #ccc;
    outline: none;
    }
.ir2{
	background: linear-gradient(to right, red 20%, yellow 25%, yellow 30%, green 35%, green 65%, yellow 70%, yellow 75%, red 80%);
	}
	
.ir::-moz-range-track {background:transparent; border:0px;} /*moz grey bar*/
    /* Slider Handle */
.ir::-webkit-slider-thumb {
      -webkit-appearance: none;

      width: 2.4vw;
      height: 2.4vw;
      border-radius: 50%;
      background: #353535;
      cursor: pointer;
      -webkit-transition: background .2s ease-in-out, opacity 0.2s ease-in-out;
      transition: background .2s ease-in-out, opacity 0.2s ease-in-out;
      }
.ir::-webkit-slider-thumb :hover {
      /*background: #3bf;*/
      }
    
    
.ir::-webkit-slider-thumb:active {
      /*background: #3bf;*/
			opacity: 0.5;
    }
    
.ir::-moz-range-thumb {
      width:2.4vw;
      height: 2.4vw;
      border: 0;
      border-radius: 50%;
      background: #353535;
      cursor: pointer;
      -webkit-transition: background .2s ease-in-out, opacity 0.2s ease-in-out;
      transition: background .2s ease-in-out, opacity 0.2s ease-in-out;
      }
			
.ir::-moz-range-thumb:hover {
       /*background: #3bf;*/
      }    
    
.ir::-moz-range-thumb:active {
      /*background: #3bf;*/
			opacity: 0.5;
    }
		
		
/* Smartphones ----------- min-height:200px;max-height:300px;*/
@media only screen and (max-width: 760px) {
	h1{font-size:9vw;}
	#left{left:5%;top:2vw;width:90%;font-size:4vw;}
	#calc{left:10%;top:2vw;width:80%;font-size:6vw;}
	#right{display:none;}

	#hfi{width:11vw;}
	#hcm{width:18vw;}
	#wlb{width:16vw;}
	#wkg{width:16vw;}
	#bmi{font-size:10vw;font-weight:bold;}
	.valbox{display:inline-block;background:#555;color:#eee;border-radius: 1vw;padding:0.5vw 1vw;text-align:right;}
	
.ir{
    height: 4vw;
    border-radius:2vw;
    }
    /* Slider Handle */
.ir::-webkit-slider-thumb {
      width:8vw;
      height:8vw;
      }
    
.ir::-moz-range-thumb {
			width:8vw;
      height:8vw;
      }
	}
	
.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{margin-top:0.3em;font-size:0.8em}}@media screen and (min-width: 768px){.cc_container{padding:4px 8px 4px}.cc_container .cc_btn{font-size:1em;padding:2px 4px}.cc_container .cc_message{font-size:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}