html,body,form {
margin:0;
padding:0
overflow-x: hidden;
}

body {
background-color:#f9f9f9;
font-family:'Playfair Display', serif;
/*font-family:Helvetica,Arial,sans-serif;*/
font-size:14px;
color:#333;
font-weight:100;
line-height: 1.75;
}

div.header,div.intro,div.footer,.navbar {
text-align:left;
width:100%;
margin:0 auto;
line-height:1.5
}
div.top-menu {
margin:0 auto;
text-align:left;
width:100%;
}

.menu-link.active {border: 1px solid #707a8a;}
.menu-link.featured {border: 1px solid #fff; background:#6fe083;}
.menu-link.active:hover {border: 1px solid #ffa101;}
.menu-link.featured:hover {border: 1px solid #f7f7f7; background:#6fe083;}
.menu-link {
padding: 9px 12px;
margin-right: 10px;
text-decoration: none;
color: #fff;
transition: .4s;    
}
div.mainmenu{height:44px;}
.mainmenu ul{margin:0;padding:0 0 0 7px;}
.mainmenu li{display:inline;background:none;margin:0;padding:0;}
.mainmenu a.featured{color:#fff;}
.mainmenu a.regular{}
.mainmenu a{text-decoration:none;font-size:12px;text-transform: uppercase;letter-spacing:1px;font-weight:400;color:#333840;}
.mainmenu a:active{color:#fff;}
.mainmenu a:hover{color:#fff;background:#ffa101;}
div.mainmenu{width:100%}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a:hover {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a {
/*color:#007AFF;*/
color:#3cad50;
}

a:hover {
color:#FF9500;
}

a.footer {
color:#f7f7f7;
text-decoration: none;
}

a.footer:hover {
text-decoration: underline;
}

img[src*=svg] {
width/\*/:100%\9
}

.tab1 { padding-left: 25px; }
.tab2 { padding-left: 50px; }
.tab3 { padding-left: 75px; }
.tab4 { padding-left: 100px; }

div.header,div.intro,div.footer,.navbar {
text-align:left;
width:100%;
margin:0 auto;
line-height:1.5
}

.extra, .navigation {
background: #F7F7F7
}

.MathEq {
background: #E4DDCA
}
.MathEqExpl {
float: left;
width: 40px;
}
.html-result,.html-operator{font-size:16px;font-weight:lighter;}

div.header {
background-color:#f7f7f7
}

.header-logo {
text-align:left;
margin-top:0;
margin-bottom:0;
}

img.logo {
display:block;
width:100%;
height:auto;
max-width:180px;
}

.header-banner {
display:block;
max-width:100%;
height:auto;
margin:0 auto;
}

div.header-footnote {font-size:11px;}

div.intro {
color:#f7f7f7;
background: #4cd964; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#4cd964, #32CD32); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#4cd964, #32CD32); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#4cd964, #32CD32); /* For Firefox 3.6 to 15 */
background: linear-gradient(#4cd964, #32CD32); /* Standard syntax */
font-weight:200;
}

div.footer {
background-color:#555;
color:#f7f7f7;
font-size:14px;
}

div.body {
text-align:left;
width:100%;
max-width:100%;
margin:0 auto;
padding:20px;
background-color:#fff
}

.footer-navbar {
background-color:#555 !important;
color:#f7f7f7;
align-items:flex-start;
}

.footer-navbar-row {
display:flex;
width:100%;
align-items:flex-start;
justify-content:space-between;
}

.footer-navbar .navbar-text {
color:#f7f7f7;
}

.footer-navbar .navbar-toggler {
border-color:rgba(247,247,247,.35);
}

div.body {
text-align:left;
background-color:#fff
}
div.top-menu {
background-color:#fff;
}

/*div.xml {
background: #D6CEC3;
background:-webkit-linear-gradient(#D6CEC3,#F7F7F7);
background:-o-linear-gradient(#D6CEC3,#F7F7F7);
background:-moz-linear-gradient(#D6CEC3,#F7F7F7);
background: -ms-linear-gradient(#D6CEC3, #F7F7F7);/*For IE10*/
/*background:linear-gradient(#D6CEC3,#F7F7F7)
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6CEC3', endColorstr='#F7F7F7');/*For IE7-8-9*/ 
/*height: 1%;/*For IE7*/ 
/*}*/

thead, th {
    background-color: #5856D6;
    color: white;
}
tfoot {
    background-color: #D7D7D7;
    color: #555;
}
table {border-collapse: collapse;}
table.w100 {width:99%;}
thead {}
table.no-border, table.no-border tr td {border-style: none; border:0px;}
table.no-border td.BG555{border-top:#555 1px solid;height:1px;padding-top:0px}
table {border-top: 1px solid #555; border-bottom: 1px solid #555; border-left: 0; border-right: 0;}
td {border: 1px solid #555;}
tr td:first-child, tr th:first-child {border-left: 0;}
tr td:last-child, tr th:last-child {border-right: 0;}
table.no-border tr:nth-child(even) {background-color: inherit}
tr:nth-child(even) {background-color: #f3f3f3}
table.no-border tr:hover {background-color: inherit}
tbody tr:hover {background-color: #D1EEFC}
table.no-border td ,table.no-border th {padding: 5px 0;}
td ,th {padding: 10px 5px 0 5px; vertical-align: top;}
.tr {
display:table-row
}
.td {
display:table-cell;
}

.comment {
font-size:12px;
display:inline
}
.extra {
font-size:12px;
}

div.scrollable {overflow-x:auto;}
div.notice, div.foreword {font-weight:200;
text-align:left;line-height:21px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
border:#8ecfe5 0px solid;}

.warning-box {
margin:15px 0;
padding:12px 14px;
border:1px solid #ffb3bd;
border-radius:5px;
background:#fff1f4;
color:#a61b3c;
}

div.warning-box b,
div.warning-box strong {
color:#a61b3c;
font-weight:600;
}


div.notice{
background: #93e8a2;
background: -webkit-linear-gradient(#93e8a2, #b7efc1);
background: -o-linear-gradient(#93e8a2, #b7efc1);
background: -moz-linear-gradient(#93e8a2, #b7efc1);
background: -ms-linear-gradient(#93e8a2, #b7efc1);
background: linear-gradient(#93e8a2, #b7efc1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#93e8a2', endColorstr='#b7efc1');
}


hr {
display:block;
border-style:inset;
border:solid;
border-width:1px 0 0;
margin:1em auto
}

.L{text-align:left}
.C{text-align:center}
.R{text-align:right}

h1 {
font:28px Helvetica,Arial,sans-serif;
/*font-family:'Playfair Display';*/
font-size:20px;
color: #fff;
font-weight:200;
}
h2 {
color:#555;
font-family:'Playfair Display';
/*font:20px Helvetica,Arial,sans-serif;*/
font-size:16px;
font-weight:400;
}
.box {
padding:20px 15px 25px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.fcfce8 {background-color: #fcfce8;}
.fafad2 {background-color: #fafad2;}
.fffbb6 {background-color: #fffbb6;}
.fdee87 {background-color: #fdee87;}
.fde968 {background-color: #fde968;}
.green {background-color: #a5ecb1;} /*roheline */
.ffaa32 {background-color: #ffaa32;}
.highlight {
background: #93e8a2; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#93e8a2, #b7efc1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#93e8a2, #b7efc1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#93e8a2, #b7efc1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#93e8a2, #b7efc1); /* Standard syntax */
padding: 15px 15px 10px;
text-transform: uppercase;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}
a.highlight-link {color:#555;text-decoration:none;}
a.highlight-link.no-caps {text-transform:none;}
a.highlight-link:hover {color:#FF9500;}
.picture img {display:block;max-width:100%;height:auto;}
h3 {
color:#555;
font:16px Helvetica,Arial,sans-serif;
font-weight:400;
}

p {}
p > b,
p > strong,
p > i > b,
p > i > strong {
font-weight:600;
}
.footnote {font-size:12px;}

input {margin-bottom: 10px;}
input.vis:hover{border:1px solid #b5b5b5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
input.vis:focus{background-color:#fcf7e3; color:#5856D6; outline:none;border:1px solid #5856D6;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);}
.input{font-size:16px;}
.hid{background-color:inherit;color:inherit;border:0;font-weight:lighter;}
.vis,.disabled{letter-spacing:1px;color:inherit;border:#e7e7e7 1px solid;height:32px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ffffff');font-weight:lighter;padding:3px 2px 2px;margin:0 5px 7px;}
.vis{background-color:#ffffff;}
.disabled{background-color:#f3f3f3;}
.uline {text-decoration: underline;}
.handcursor{cursor:pointer;display:inline}
.mainsubmit,.submit{text-transform: uppercase;padding:7px 14px 5px; margin:2px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:inherit;font-size:12px;font-weight:400;font-style:normal;height:35px;text-decoration:none;text-align:center;cursor:pointer}
.mainsubmit	{-moz-box-shadow:inset 0 1px 0 0 #3f974d;-webkit-box-shadow:inset 0 1px 0 0 #3f974d;box-shadow:inset 0 1px 0 0 #3f974d;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f974d',endColorstr='#6bc388');background-color:#3f974d;border:0 solid #3f974d;display:inline-block;color:#fff;text-shadow:1px 1px 0 #3c8f48;}
.submit		{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e7e7e7');background-color:#f9f9f9;border:1px solid #aaa;display:inline-block;color:#aaa;text-shadow:1px 1px 0 #fff;}
.mainsubmit:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f974d',endColorstr='#3f974d');background-color:#3f974d;}
.submit:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9');background-color:f9f9f9;}

.navi {display:inline;}
.navi_containter {display:block;}

@media (min-width: 576px) {
	div.header,div.intro,div.footer,.navbar,div.top-menu,div.body {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	div.header,div.intro,div.footer,.navbar,div.top-menu,div.body {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	div.header,div.intro,div.footer,.navbar,div.top-menu,div.body {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	div.header,div.intro,div.footer,.navbar,div.top-menu,div.body {
		max-width: 1140px;
	}
}

/* RESPONSIVE STYLES */
@media screen and (max-width: 479px) {
	img.logo{max-width:180px}
	.w180{width:180px}
	.w130{width:180px}
	.MathEq {
	font-size: 11px;
	}
	.calculators{display:none!important}
	.mobile-calculators{display:block}
}

@media screen and (min-width: 480px) {
	img.logo{max-width:270px}
	.w180{width:180px}
	.w130{width:130px}
}

@media screen and (max-width: 767px) {
	div.top-menu {display:none;}
	div.mobile-stripe {background-color:inherit;height:10px;}
    .desktop {
        display: none !important;
    }
	.header-logo {
		text-align:center;
	}
	img.logo {
		margin:0 auto;
	}
	.header-banner {
		max-width:100%;
	}
	.information-content {
		min-width: 0;
		max-width: 100%;
    }
	.w240{width:180px}
	.w200{width:180px}
	.w120{width:120px}
	.w110{width:120px}
	.w100{width:120px}
	.w100-60{width:60px}
	.w90{width:90px}
	.w80{width:90px}
	.w78{width:90px}
	.w60{width:60px}
	.w56{width:180px}
	.w50{width:60px}
	.w43{width:43px}
	.w40{width:40px}
	.w30{width:30px}
	.w20{width:20px}
	/*img.logo {height: 38; width: 200px; border: 0;}*/
	.R-mob-L{text-align:left}
	.small {
	font:14px Helvetica,Arial,sans-serif;
	font-weight:200
	}
	.big {
	font:14px Helvetica,Arial,sans-serif;
	font-weight:200;
	height:35px
	}
	.title {
	font:20px Helvetica,Arial,sans-serif;
	font-weight:400
	}
	div.intro {
	font-size:14px;
	}
}

@media screen and (min-width: 0px) and (max-width: 767px) {

	input.description {width:180px;}
	.w1 {width: 280px}
	.w2 {width: 200px}
	.navbar-text {
	display: table-row;
	}
	.footer-navbar-row {
	flex-wrap: nowrap;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	div.mobile-stripe {background-color:inherit;height:10px;}
	div.header-logo {display:block; padding-left: 0;}
	.information-content {
		min-width: 0;
		max-width: 100%;
    }
	.w1 {width: 350px}
	.w360{width:140px;}
}

@media screen and (max-width: 991px) {
	.header-logo {
		margin-top:1rem;
		margin-bottom:1rem;
	}
}

@media screen and (min-width: 992px) {
	img.logo{max-width:240px}
	div.stripe {background-color:inherit;height:10px;}
	div.picture{display:inline-block;}
	div.header-logo{display:block;float:none}
	.information-content {
		min-width: 0;
		max-width: 100%;
    }
	.w360{width:360px;}
}

@media screen and (min-width: 768px) {
    .mobile {
        display: none; }   /* hide it elsewhere */
	.navbar {
		border-radius: 0px;
	}
	.navbar-collapse {
		justify-content: flex-end;
	}
	.footer-navbar-row {
		width: auto;
	}
	.w240{width:240px}
	.w200{width:200px}
	.w120{width:120px}
	.w110{width:110px}
	.w100{width:100px}
	.w100-60{width:100px}
	.w90{width:90px}
	.w80{width:80px}
	.w78{width:78px}
	.w60{width:60px}
	.w56{width:56px}
	.w50{width:50px}
	.w43{width:43px}
	.w40{width:40px}
	.w30{width:30px}
	.w20{width:20px}
	.R-mob-L{text-align:right}
	/*img.logo {height: 57; width: 300px;}*/
	.small {
	font:12px Helvetica,Arial,sans-serif;
	font-weight:200
	}
	.big {
	font:18px Helvetica,Arial,sans-serif;
	font-weight:200;
	height:35px
	}
	.title {
	font:24px Helvetica,Arial,sans-serif;
	font-weight:400
	}
	div.intro {
	font-size:18px;
	}

	body {
		/* Margin bottom by footer height */
		margin-bottom: 0px;
		padding-bottom: 0px; 
	}
	.info-table {
		float: right;
	}
}


#outdated-browser {
    text-align: right;
    clear: both;
    position: relative;
    top: 17px;
    color: #FF2D55
}