html.body,div,header,main,nav,footer,ul,li,ol,h1,h2,h3,h4,p,form,label,input,button{display:block;margin:0;padding:0;box-sizing:border-box}
input,button,select{resize:none;outline:0;border:0;font-family: inherit;font-weight: 400;transition:all .25s;background:transparent;}
img{display:block;width:auto\9;-ms-interpolation-mode:bicubic;border:0}
button,a{cursor:pointer;transition:all .25s}
select::-ms-expand{display:none}
select{border:0;outline:0;background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><path fill='%23444' d='M60,12L32,55H28L0,12,4,7H56Z'/></svg>") no-repeat right 1.6rem center/.5em;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}
ul,li{list-style-type:none}
h1,h2,h3{font-weight: 700;line-height:1.2;color: #202122;}
h1{padding: 0 0 1.6rem;font-size: 2.8rem;}
h1+p{padding:0 0 2.4rem;}
h2{font-size: 2.2rem;padding: 3rem 0 2rem;}
h3{font-size: 1.8rem;padding:1.4rem 0;}
h4{font-size:1.6rem;padding:1rem 0;}
h2+h3{padding-top:.6rem}
a{color: #202122;text-decoration:none;}
a:hover{text-decoration:underline}
html{background:#fff;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;}
body{width:100%;margin:0 auto;color: #404146;font: 400 1.6rem/150% "Poppins",Helvetica,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}

.container, main{position:relative;width:1050px;margin:0 auto;}
main:after,ul:after,.clear:after{content:'';display:block;width:100%;height:0;clear:both;visibility:hidden}
.content{float:left;width: 728px;padding-top: 2rem;}

header{margin-bottom: 1rem;line-height: 6.6rem;}
header .container{display:flex;justify-content:space-between;height: 6.8rem;border-bottom:1px solid #202122;}
header a:hover{text-decoration:none}
.brand svg{display:block;height: 3rem;width: 12rem;margin:1.7rem .8rem 0 0;fill:#202122;}
.brand svg text{font-size:25px;font-weight:600}
.brand svg .c{font-weight:700}
.brand svg path{fill:#fff;animation:blink 1s infinite;}
@keyframes blink{0%{opacity:0}80%{opacity:1}}

@media(max-width:768px){
html{font-size:58%;}
header,main,.container{padding:0 1.8rem}
header .container{padding:0}
.container,header,main,.content,aside{float:none;width:100%}
}

.language{position:relative;float:right;font-size:1.5rem}
.language span{display:block;padding-right:2rem;cursor:pointer;transition:all .25s}
.language span:after{content:" ";position:absolute;top:50%;right:.4rem;display:block;height:.6rem;margin-top: -.45em;border:.15rem solid transparent;border-radius:.2rem;border-right:0;border-top:0;pointer-events:none;transform:rotate(-45deg);transform-origin:center;width:.6rem;box-sizing:inherit;border-color:#444658;transition:all .2s;}
.languages{position:absolute;top: 5.4rem;right:0;box-shadow:0 .4rem 3rem rgba(0,0,0,.08);background:#fff;width:14rem;overflow-y:scroll;z-index:99999;border-radius:.6rem;padding:1rem 0;line-height:4rem;display:none;}
.languages a{display:block;padding:0 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .25s}
.languages a:hover{background:#f6f8fb;padding:0 1.8rem}
.languages::-webkit-scrollbar{width:.4rem;height:.4rem}
.languages::-webkit-scrollbar-track{background:rgba(255,255,255,0)}
.languages::-webkit-scrollbar-thumb{background:#c5c5ca;border-radius:.2rem}
.language:hover .languages{display:block}
.language:hover span:after{transform:rotate(135deg);margin-top:-.25em;border-color:#2f72dc}

.calculator{margin:0 -.2rem}
.calc-result{margin:0 .2rem .6rem;background: #202122;border-radius: .4rem;text-align:right;color:#f6f7fb;box-shadow:0 .1rem .2rem rgba(0,0,0,.04);}
.calc-result #sciInPut{padding:1rem 2.3rem 0}
.calc-result #sciOutPut{padding:0 2.3rem 1.5rem;line-height:4.6rem;font-size:4rem;font-weight:700}
.calc-left{float:left;width:45.5%}
.calc-right{float:right;width:54%}
.calc .row{display:flex}
.calc button{display:inline-block;width:20%;height:5rem;margin:.2rem;line-height:4.8rem;font-size:1.6rem;border-radius: .4rem;background: #eef0f3;color: #404146;text-align:center;border:0;}
.calc button svg{display:inline-block;width:2.2rem;height:1.5rem;vertical-align:middle}
.calc button:hover{background:#e3e6ea;color:#000;box-shadow:0 .2rem 1rem rgba(0,0,0,.00)}
.calc .warn svg{fill:#5f2b00}
.calc .num{background: #f8f9fa;font-weight:700;font-size:2rem;color: #202122;}
.calc .bold{font-weight:700;font-size:1.9rem;color:#3d4144}
.calc .equal{background:#367ce6;color:#fff;font-weight:700;font-size:2.2rem}
.calc .warn{background:#f3e4da;color:#902f00}
.calc .wide{width:41%;width:calc(40%+0.4rem)}
.calc .num:hover{color:#145fce;background:#f2f8ff}
.calc .warn:hover{background:#ff3838;color:#fff;border-color:#fb2626}
.calc .warn:hover svg{fill:#fff}
.calc .equal:hover{background:#0a5fc5;color:#fff}
.calc .degree{display:flex;width:42%;width:calc(40%+.4rem);height:5rem;box-sizing:border-box;padding:.4rem;margin:.2rem;line-height:4.8rem;cursor:pointer;font-size:1.6rem;background:#e8e9ef;color:#fff;text-align:center;border-radius:.6rem}
.calc .degree input{display:none;width:0}
.calc .degree label{float:left;display:block;width:50%;height:100%;line-height:4.4rem;cursor:pointer;color:#666877}
.calc .degree input:checked+label{background:#fafafc;color:#444658;border-radius:.4rem}
.calc-wide button{height:6rem;margin:.2rem;line-height:5.8rem}
.calc-wide .wide{width:41%;width:calc(40%+.3rem)}
.history{margin:2rem 0;padding:2rem 3rem 2rem;border-radius: .4rem;background: #f8f9fa;}
.history strong{display:block;padding:0 0 1.2rem;font-size:1.8rem;font-weight:400}
#scihistory div{padding:1rem 0;border-top:1px solid #e8e9ef}
@media(max-width:768px){
.calc-left,.calc-right{float:none;width:100%}
.calc-right{padding:0 0 .6rem}
.calc button{height:4.8rem;line-height:4.6rem}
.calc-wide button{height:5.2rem;line-height:5rem}
}

.info h1,.info h3{padding:2rem 0}
.info h3{font-size:2.2rem}

.article{padding:1rem 0 0;}
.calculate+.article{padding: 0;}
.article p{padding:.8rem 0}
.article > p:first-child{padding-top:1.6rem}
.article ul,.article ol{margin-left:2rem;padding:.4rem 0 .8rem}
.article ol{margin-left:1.8rem}
.article li{display:list-item;list-style-type:disc;padding:.2rem 0}
.article ol li{list-style-type:decimal;padding-left:.2rem}
.article .math{padding:1rem 1.4rem;margin:1rem 0;font-family: Georgia,"Times New Roman",serif;font-size: 1.1em;color: #d20044;background: #fbf7f8;}
.article .subtitle{padding:3rem 0 1.8rem;font-size:2rem;font-weight:700}

table{width:90%;margin:.8rem 0;border-collapse:collapse}
table th{background: #f8f9fa;}
table th,table td{padding: 1rem;border: 1px solid #eee;line-height:1.4;font-size: 1.4rem;}
table i{display:inline-block;padding:.1em .5em 0;margin:.4rem 0;font:bold 1.4rem/2.4rem arial,sans-serif;background:#fafafc;border:1px solid #e8e9ef;border-radius:.4rem}
table i svg{width:1.8rem;height:1.2rem;fill:#4f505f}
sup{font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;top:-.5em}

.tables{display:flex;justify-content: space-between;}
.tables table{width: 49.2%;text-align:center}
.usage td:first-child,.usage th:first-child{width:30%;text-align:center}
.center{text-align:center}

.hero{margin-bottom: 2rem;}
.hero .answer{margin-top:.4rem;padding: 2.5rem 3rem 3rem;background: #f2f8ff;text-align:center;line-height:1.4;border-radius: .4rem;}
.hero .answer-big{display:block;padding:3rem;font-size:4rem;line-height:1;color: #000;}
.hero .answer p+p{font-size: 1.4rem;}
.hero .big{font-size:2rem}
.hero .big strong{font-size: 1.2em;}
.hero .big time{display:block;padding: 1.4rem 0;font-size: 3.4rem;font-weight:700;color: #000;}
#calculate-result{display:none;}
.result{padding: 2.2rem 3rem 3rem;margin-bottom:2rem;line-height: 1.2em;background: #f2f8ff;}
.result h2{padding:0;font-size: 1.4rem;font-weight:600;color: #404146;}
.result h3{padding:2.4rem 0 1.4rem;}
.result-details{padding:1rem 0 2rem;margin-bottom:.6rem;text-align:center;border-bottom: 1px dashed #3e454c;color: #202122;}
.result .max{display:block;padding:2rem 0;margin: 2rem 0 1rem;font-size:3rem;background: #fff;border: 1px dotted #3e454c;border-radius: .4rem;}
.result .row{display:flex;justify-content:center;}
.result .row span+span{margin-left:2rem}
.result p,.result li{padding:.6rem 0;}
.result ul{margin-left:2rem;}
.result li{display:list-item;list-style-type:disc}
.result .error{padding:2rem 0 .6rem;line-height:1.4;color:#e00;text-align:center;}

.calculate{padding: 2.2rem 3rem 3.2rem;background: #f8f9fa;margin-bottom: 2rem;border-radius: .4rem;}
.calculate-title{padding:0 0 1.4rem;font-weight: 600;font-size: 1.8rem;text-align: center;}
.calculate-title h1{padding: 0;font-size: 2.4rem;}
.form{display:flex;padding: .8rem 0 0;line-height:4.6rem;}
.form label{position:relative;margin-right: 1.4rem;}
.form label i{position:absolute;top:0;left:1.6rem;font-style: normal;font-size:1.8rem}
.form .wage,.form .input{width:30%}
.form .select{width:46%}
.form input,#form select{width:100%;height:4.6rem;line-height:2.4rem;border: 1px solid #d9dbde;border-radius: .6rem;background-color: #fff;color: #202122;}
.form input:hover,#form select:hover,#form input:focus,#form select:focus{border-color:#202122;box-shadow:0 .1rem .6rem rgba(51, 97, 144, 0.2)}
.form input{padding:1rem 1.6rem;font-size: 1.6rem;}
.form input::placeholder{color:#a2a4a6;font-size:1.4rem;}
.form select{padding:1rem 2.2rem 1rem 1.6rem;cursor:pointer;font-size: 1.5rem;}
.form button{width:24%;height:4.6rem;line-height:4.6rem;border-radius: .6rem;background: #202122;font-size: 1.8rem;color:#fff;}
.form button:hover{background: #367ce6;}
.form .wage input{padding:1rem 1.6rem 1rem 3.4rem;}
.form .percent input{padding:1rem 3.4rem 1rem 1.6rem;}
.form .percent i{left:auto;right:1.6rem}

.form-convert .input{width:24%;}
.form-convert .select{width:20%;}
.form-convert .form-text{margin-right: 1.4rem;}

.form-center{justify-content: center;}
.form-center label{width: 15rem;margin:0 1.2rem;}
.form-center label+label{margin-left:0}
.form-text{font-size:2rem}
.form-center button{width:22%;margin-left:2rem}
.form+.form{padding-top:2.4rem;}

.form-up label{width:35%}
.form-up label span,.flex-wrap label span{display: block;height: 2.4rem;line-height: 1;font-size: 1.3rem;font-weight: 600;color: #43464e;}
.form-up button{width:30%;margin-top: 2.5rem;}

.hidden{display:none!important}
.show{display:block!important}

.flex-center{display: flex;align-items: center;justify-content: center;}

.flex-wrap{flex-wrap:wrap}
.flex-wrap label,.flex-wrap .button{width:100%;}
.flex-wrap label{margin-right:0;margin-bottom: 2.6rem;}
.flex-wrap input+input{margin-left:1rem;}
.flex-wrap em{font-style: normal;}
.flex-wrap span{position:relative}
.flex-wrap span .tooltip{position:absolute;bottom:3.4rem;left:0;max-width:100%;background:#43464e;border-radius:.6rem;padding:1rem 1.4rem;color:#fff;font-size:1.4rem;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;pointer-events:none}
.flex-wrap span .tooltip::after{content:'';display:block;width:0;height:0;border:solid transparent;border-width:.6rem .6rem 0;border-top-color:#43464e;position:absolute;bottom:-.6rem;left:1.4rem;opacity:0;transition:opacity .25s ease}
.flex-wrap span:hover .tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.flex-wrap span:hover .tooltip::after{opacity:1}

.form-row{display:flex;width:100%}
.form-row label{width:50%;}
.form-row label+label{margin-left: 2rem;}

.switcher{width:100%;margin-bottom: 2.6rem;}
.switcher input{display:none}
.switcher label{width:auto;font-size:1.4rem;text-align:center;padding: 0 1.8rem;color: #43464e;margin:0 .4rem;line-height: 3.4rem;font-weight:600;border-radius: .6rem;cursor: pointer;border: 1px solid #d9dbde}
.switcher label:hover{background: #fff;}
.switcher input:checked+label{background: #43464e;border-color:#43464e;color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);}


.result-tip{font-size: 1.4rem;}
.result table{background: #fff;margin:2rem 0}
.result table th,.result table td{border: 1px solid #6d8096;}
.result table th{background: #fbfdff;}
.result hr{margin: 2.4rem 0 0;border: 0;border-bottom: 1px dashed #3e454c;}


.wages h2{border-bottom: 1px solid #202122;}
.wages h3{position: relative;font-size:1.6rem;padding: 2.4rem 0 1rem 2.5rem;}
.wages h3:before {position: absolute;left: 0;content: "\29BF";display: inline-block;padding: 0 1rem 0 0;}
.wages h3+p{padding: 0 0 2.2rem 2.5rem;border-bottom: 1px solid #f0f0f1;}

.calendar{width:100%}
.calendar caption{padding:1rem;border-bottom:1px solid #202122;font-weight:600;}
.calendar th{border-top:0;font-size:1rem;font-weight:400;}
.calendar td b{display:block;font-weight:600;font-size:1.8rem;}
.calendar td span{display:block;padding:.6rem 0;font:1rem/1.2 Georgia, serif;opacity:.85;}
.calendar .empty{background:#fcfdfe}
.calendar .weekend{font-style: italic;}
.calendar .current{border:1px solid #202122;background:#202122;color:#fff}
.calendar .active{border:1px solid #367ce6;background:#367ce6;color:#fff}
.calendar .past{opacity:.9}

@media(max-width:768px){
.tables{flex-wrap: wrap;padding:0;}
.tables table,table{width:100%;}
.tables table+table{margin-top:1rem;}
.hero .answer,.calculate,.result{padding: 2rem 2.2rem 2.4rem;}
.hero .big time{font-size:2.4rem}
.form{flex-wrap: wrap;}
.form label{width:100%;margin: 0 0 2rem;}
.form-text{line-height:3rem;margin:0 0 1rem;text-align:center}
.form .wage,.form .input,.form .select,.form-text,.form-center label,.form-center button,.form button{width:100%}
.form-center button{margin:1.4rem 0 0;}
.form select{font-size:1.4rem}
.hide{display:none}
.form-up label{width:100%;}
.form-up button{width:100%;margin-top:1rem}
.form-convert .select{width:44%}
.form-convert .form-text{width:12%;margin:0;line-height:4.6rem;}

.form-row label+label{margin-left:1.6rem;}
.switcher label{width:50%;padding:0;margin:0;}
#metric-unit+label{margin-left:.4rem}
}

.recent{margin-left:2rem}
.recent li{display:list-item;list-style-type:disc;padding:.2rem 0}

.page-navigation{display:flex;justify-content: space-between;padding:3.6rem 0 0;}

.breadcrumb{padding: 4rem 0 2.4rem;font-size:1.4rem;border-bottom: 1px solid #404146;}
.breadcrumb li,.breadcrumb li a{display:inline-block;color: #404146;}
.breadcrumb>li+li:before{content:"\203A";display:inline-block;padding:0 .6rem 0 .2rem;color:#404146}

.navbar{display:flex;flex-wrap:wrap;justify-content: flex-start;padding: 2.2rem 0 0;font-size: 1.4rem;}
.navbar a{margin-right:2.4rem;color:#404146}
footer{padding: 1.6rem 0;margin-top:3rem;font-size:1.4rem;text-align:center;background: #f8f9fa;}

.ad{width:100%;height:100%;border-radius: .4rem;background:#f8f9fb url("data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjYzZjYWNmIiBkPSJNMTQuNSwxNUgxMVY0aDMuNUE1LjUsNS41LDAsMCwxLDE0LjUsMTVabTAtOUgxM3Y3aDEuNUEzLjUsMy41LDAsMCwwLDE0LjUsNlpNNywxMkgzTDIsMTVIMEw0LDRINmw0LDExSDhaTTUsNkwzLjY2NywxMEg2LjMzM1oiLz4KPC9zdmc+Cg==") no-repeat center;}
.ad-top{margin: 0 0 2.6rem;}
.gg-ad-top{height:90px;}
.ad-row{display:flex;justify-content: space-around;margin-bottom: .8rem;}
.ad-row .ad-box{width: 336px;}

aside{position:absolute;top:0;left:auto;bottom:6rem;right:0;z-index:1;overflow:visible}
aside .ad-sticky{position:sticky;top:0;right:0;width:300px;height:600px;padding-top: 2rem;box-sizing:content-box;}

@media(max-width:768px){
    .navbar{padding: 2.2rem 1.8rem 0;}
aside{position:relative}
.gg-ad-top{height:100px}
.ad-row{display:block;}
.ad-row .ad-box{width:100%;}
.ad-row .hide{display:none}
aside .ad-sticky{position:relative;width:100%;min-height:300px}
}

.info-box{background:#fff8f5;padding:1rem 2.2rem;margin:1rem 0;border-radius:.4rem;color:#655549}
.info-box.disclaimer{background:#f8f9fa;color:#414244}
.alert-container{position:fixed;top:1.6rem;left: 50%;transform: translateX(-50%);z-index: 9999;padding: 1.2rem 1.6rem;border-radius: .6rem;box-shadow: 0 2px 6px rgba(0,0,0,0.1);min-width: 28rem;max-width: 50rem;color:#fff;font-size: 1.4rem;}
.alert-container.error {background: #e00;}
.alert-container.success {background: #0a4;}
.alert-container.info { background: #43464e;}
#msg {padding-right: 3rem;line-height: 1.25;}
.alert-close{position: absolute;right: 1rem;top: 50%;width: 2.2rem;height: 2.2rem;margin-top: -1.1rem;opacity:.8;border-radius:50%;display: flex;justify-content: center;align-items: center;}
.alert-close svg{width: 1.4rem;height: 1.4rem;fill:#fff;}
.alert-close:hover{opacity:1;background:rgba(0,0,0,.1)}