html {
	height: auto;
	margin: 0;
    padding: 0; 
}

body {
    font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-variant: normal;
	background: white;
	color: black;
	background-color: white;
	margin: 0;
    padding: 0;
    min-height: 100%;
	}
a.logo h1, a.logo span.h1 {
	margin: 0px;
	color: #ff8000;
	font-size: 40px;
	font-weight: 900;
	}

a.logo h1.en, a.logo span.h1.en { 
	font-size: 32px;
}

a.logo h1.mdH1, a.logo span.h1.mdH1 {
	font-size: 30px;
}

a.logo h1.mdH1.en, a.logo span.h1.mdH1.en {
	font-size: 25px;
}

a.logo h1.xsH1, a.logo span.h1.xsH1 {
	font-size: 30px;
}
	
a.logo h2, a.logo span.h2 {
	margin: 0px;
	font-size: 19px;
	font-weight: 400;
}
a.logo h2.mdH2, a.logo span.h2.mdH2 {
	
	font-size: 14px;
}
a.logo h2.xsH2, a.logo span.h2.xsH2 {
	
	font-size: 14px;
}
a.logo {
	text-decoration: none;
}
h1 {
	margin: 0px;
	font-size: 30px;
	margin-bottom: 10px;
}
h1.mdH1 {
	font-size: 25px;
}
h1.xsH1 {
	font-size: 23px;
	margin-top: 10px;
}
button, html, input, select, textarea {
	font-family: 'Raleway', sans-serif;
}
p {
	color: #666666;
	font-size: 15px;
	text-align: justify;
	margin: 0px;
	line-height: 25px;
}
ul {
	color: #666666;
}
table {
	color: #666666;
}
a {
	color: #0972da;
}
.largeDisplay {
/* 	width: 960px; */
	width: 1000px;
}


.mdDisplay {
	width: 710px;
}

.xsDisplay {
	width: 320px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


#header a {
	color: black;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
#header a.logo {
	text-align: left;
}
.nav {
	margin-bottom: 10px;
}
.nav a {
	color: #666666;
	text-decoration: none;
	font-size: 14px;
}
.nav span {
	font-size: 14px;
}
/* #topBanner, #bottomBanner { */
/* 	height: 248px; */
/*     border: 1px solid #ddd; */
/*     margin-top: 30px; */
/*     margin-bottom: 30px; */
/*     background: #e9e9e9; */
/*     color: #666666; */
/* } */
#leaderboard-top, #leaderboard-bottom {
	margin-top: 30px;
	margin-bottom: 30px;
}
#m-square-1, #m-sticky {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* .xsDisplay #topBanner, .xsDisplay #bottomBanner { */
/* 	height: 98px; */
/* } */

/* #leftBanner { */
/* 	border: 1px solid #ddd; */
/*     background: #e9e9e9; */
/*     color: #666666; */
/*     width: 160px; */
/*     height: 600px; */
/* } */

#footer {
	margin-bottom: 20px;
}

#footer_bottom {
	background: #333333;
	border-top: 2px solid #ff8000;
}


#footer_bottom .content {
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer_bottom .content a {
	color: white;
	font-weight: 600;
	text-decoration: none;
}

#footer_bottom .content .copy {
	color: #666;
    font-weight: bold;
}

#footer_bottom .content p {
	padding-right: 40px;
}

.selectCountry {
	cursor: pointer;
	display: none;
}

.selectCountry span {
	color: #ddd;
	margin-left: 5px;
	margin-right: 5px;
}

fieldset {
	border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 35px;
}

fieldset legend {
	 font-weight: 600;
	 padding-left: 10px;
	 padding-right: 10px;
}

fieldset legend h2 {
	font-size: 1em;
	font-weight: 600;
	margin: 0px;
}

fieldset a {
	font-weight: 600;
	padding-top: 15px;
	color: #0972da;
	text-decoration: none;
}

fieldset a.orange {
	color: #ff8000;
}

fieldset .button {
	color: white;
	background: #0972da;
	height: 45px;
	border-radius: 5px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #06539f;
	cursor: pointer;
}

.autocomplete .inputtext {
	height: 70px;
	border: 1px solid #666666;
	border-radius: 5px 0px 0px 5px;
	padding-left: 3%;
}

#header .autocomplete .inputtext {
	height: 35px;
}

.autocomplete #button {
	border: 1px solid #ff8000;
	color: white;
	font-weight: 600;
	border-radius: 0px 5px 5px 0px;
	background-image: linear-gradient(0deg, #ff8000 85%, white);	
	cursor: pointer;
}

.choices {
	border: 1px solid #666666;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	background: white;
	z-index: 10;
}

.choices .choice {
	height: 35px;
	padding-left: 3%;
	font-weight: 600;
	color: #666;
	cursor: pointer;
}

span.example {
	color: #666666;
	text-align: center;
}

a.video {
	text-decoration: none;
}

a.video span {
	color: #ff8000;
	font-weight: 600;
	padding-left: 3%;
}

.tableResults {
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 0px;
/*     max-height: 700px !important; */
/*     overflow: auto; */
    padding-bottom: 20px;
}

.tableResults .item {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tableResults .item .value {
	color: black;
}

.tableResults .item .unit {
	color: #0972da;
}

.tableResults .item .unit a {
	text-decoration: none;
}

.button.moreResults {
	background: #ff8000;
	color: white;
	height: 45px;
	border-radius: 5px;
	cursor: pointer;
	border-bottom: 2px solid #dc7510;
}

.unitBox, .unitBox2 {
	border: 1px solid #ddd;
	border-radius: 5px;
	font-weight: 600;
	font-size: 19px;
	width: 100%;
}

.unitBox input, .unitBox2 input, .unitBox2 .inputValue2 {
	border: none;
	margin: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
	padding-bottom: 10px;
	height: 34px;
}

.unitBox .unitTitle, .unitBox2 .unitTitle {
	padding: 15px;
	padding-top: 10px;
	color: #0972da;
}

.unitBox .vector, .unitBox2 .vector {
	color: #0972da;
	transform: rotate(-90deg);	
	margin-top: -22px;
	margin-right: 10px;
}

.unitBox .vector.active, .unitBox2 .vector.active {
	color: #0972da;
	transform: rotate(90deg);	
	margin-top: 22px;
	margin-right: 10px;
}

.unitBoxItem {
	padding-top: 5px;
	color: #0972da;
	cursor: pointer;
/* 	height: 24px; */
	display: block;
}

#search, #search1, #search2 {
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#unitBoxWrapper.active {
	border: 1px solid #ddd;
	border-radius: 5px;
}

.unitBox.active, .unitBox2.active {
	border: none;
}

md-progress-circular svg path { stroke: #ff8000; }

.bestSearchUnits a {
	text-decoration: none;
}

span.unitGroup {
	color: #ff8000;
	font-size: 21px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

#value, #value1, #value2 {
	font-weight: 600;
}

.changeUnits {
	text-decoration: underline;
	color: #ff8000;
	cursor: pointer;
}

.changeUnits img {
	margin-right: 10px;
}

img.mobileMenu {
	cursor: pointer;
}

.menu a {
	margin-top: 10px;
}
.area {
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 35px;
}
.categoryItem a.categoryTitle {
	color: #ff8000;
	font-weight: 600;
	text-decoration: none;
}
.categoryItem span {
	font-weight: 600;
}
.categoryItem a.mainUnit {
	color: #0972da;
}
.categoryItem {
	border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2%;
    height: 100px;
    margin-bottom: 15px;
}
#contactForm input {
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	height: 40px;
	padding-left: 2%;
}
#contactForm textarea {
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	padding: 2%;
}
#contactForm span {
	font-weight: 600;
	margin-bottom: 10px;
}
.validation-msg {
	color: red;
	padding-left: 2%;
}

.md-success-toast-theme .md-toast-content {
	background: green;
}

.md-error-toast-theme .md-toast-content {
	background: red;
}

.listUnitsL {
	max-height: 223px;
	overflow: auto; 
}

.listUnitsM {
	max-height: 223px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; 
}
.listUnitsS {
	height: auto; 
}
img.flag {
	border-radius: 5px;
}
.xsDisplay .autocomplete {
	margin-top: 20px;
}

.flex-gt-sm-97, .layout-row > .flex-gt-sm-97 {
	max-width: 97%;
	max-height: 100%;
}