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: #0085b2;
	font-size: 40px;
	font-weight: 900;
	}

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

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;
	font-weight: 600;
}
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: #0085b2;
	text-decoration: none;
}
b {
	font-weight: 600;
}
.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 a {
	color: #666666;
	text-decoration: none;
	font-size: 14px;
}

a.allBranch {
	font-size: 14px;
	text-decoration: none;
	color: #0085b2;
}

.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 #0085b2;
}


#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, .fieldset {
	border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 20px;
}

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: #0085b2;
	text-decoration: none;
}

.fieldset a, .detailItem a {
	font-weight: 600;
	color: #0085b2;
	text-decoration: none;
}

.fieldset .item {
	border-bottom: 1px solid #ddd;
}

.fieldset .item.best {
	border-right: 1px solid #ddd;
}

.fieldset .item.best:NTH-CHILD(2n+1) {
	border-right: none;
}

.fieldset .item:LAST-CHILD {
	border: none;
}

.fieldset .head {
	font-weight: 600;
	padding-top: 15px;
	color: #fff;
	background: #0085b2;
	padding-bottom: 15px;
	border-radius: 5px 5px 0px 0px;
}

.others, .lastChange {
	margin: 4%;
	margin-top: 0;
}

.others a {
	padding-top: 0px;
}

.others span {
	color: #0085b2;
}

.others .item {
	margin-top: 2%;
	margin-left: 2%;
}

fieldset .table {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 4%;
	margin-bottom: 1%;
}

fieldset .table a {
	padding-top: 0px;
}

fieldset .table p {
	color: #000;
}

fieldset .table .tableItem {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-left: 4%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-right: 4%;'
}

fieldset a.orange, .fieldset a.orange {
	color: #0085b2;
}

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 #0085b2;
	color: white;
	font-weight: 600;
	border-radius: 0px 5px 5px 0px;
	background-image: linear-gradient(0deg, #0085b2 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%;
	padding-right: 3%;
	font-weight: 600;
	color: #666;
	cursor: pointer;
}

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

a.video {
	text-decoration: none;
}

a.video span {
	color: #0085b2;
	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;
}

.arrow {
	color: #0085b2;
	font-weight: 600;
	cursor: pointer;
}

.detailItem {
	min-height: 34px;
}

.detailItem.top {
	font-weight: 600;
}

.detailItem a {
	padding-top: 0px;
}

.button.moreResults {
	background: #0085b2;
	color: white;
	height: 45px;
	border-radius: 5px;
	cursor: pointer;
	border-bottom: 2px solid #00465e;
}

a.button.moreResults {
	padding-top: 0px;
}

.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: #0085b2; }

.bestSearchUnits a {
	text-decoration: none;
}

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

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

.changeUnits {
	text-decoration: underline;
	color: #0085b2;
	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: #0085b2;
	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 {
	margin-top: 20px;
}

#contactForm input, #suggestForm input, #branchForm input, #loginForm input, #suggestForm select, #suggestForm md-select {
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	height: 40px;
	padding-left: 2%;
	margin: 0px;
	background: #fff;
}
#contactForm textarea, #suggestForm textarea {
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	padding: 2%;
}
#contactForm span, #suggestForm span {
	font-weight: 600;
	margin-bottom: 10px;
}

#suggestForm md-select span {
	font-weight: normal;
	margin-bottom: 0px;
}

.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%;
}

.alterItem {
	border-bottom: 1px solid #ddd;
}

.alterItem:LAST-CHILD {
	border: none;
}

.alterItem .line {
	height: 30px;
}

fieldset .alterItem a {
	padding-top: 0px;
}

.detailItemDetail {
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 8px;
	display: block;
}

.detailItemDetail p {
	line-height: normal;
	color: #000;
}

.detailItemDetail:LAST-CHILD {
	border-bottom: 1px solid #ddd;
}

.detailItemMobile {
	border: 1px solid #ddd;
	padding: 8px;
	margin-top: 15px;
	border-radius: 5px;
}

.detailItemMobile a {
	font-weight: 600;
}

.arrow {
	color: #0085b2;
	text-decoration: none;
}