.xxl
{
	font-size: 4em;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-end: 16px;
	-webkit-margin-start: 16px;
	-moz-margin-before: 0px;
	-moz-margin-after: 0px;
	-moz-margin-end: 16px;
	-moz-margin-start: 16px;
	line-height:1.0;
	font-weight: 300;
}
.xxl::after 
{
    content: "";
    clear: both;
    display: table;
}

.small
{
	font-size: 0.5em;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-end: 16px;
	-webkit-margin-start: 16px;
	-moz-margin-before: 0px;
	-moz-margin-after: 0px;
	-moz-margin-end: 16px;
	-moz-margin-start: 16px;
}
.trend
{
	font-size: 0.3em;
	vertical-align:text-top;
	font-weight:lighter;
}

.unity
{
	font-size: 0.5em;
	vertical-align:super;
	font-weight:lighter;
}

.margin
{
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-end: 16px;
	-webkit-margin-start: 16px;
	-moz-margin-before: 0px;
	-moz-margin-after: 0px;
	-moz-margin-end: 16px;
	-moz-margin-start: 16px;
}

#humChart > svg > g > g.main.humChart.line.color0 > path.fill
{
	fill: rgba(244, 67, 54, 0.2);
}

#humChart > svg > g > g.main.humChart.line.color0 > path.line
{
	stroke: rgba(244, 67, 54, 1);
}

/* Start Material Dropdown*/

.nav {
  margin-left: 0%;
  display: inline-block;
  display:  -moz-inline-box;
  -webkit-padding-start: 0px
}
.nav > li {
  display: inline-block;
  padding: 1em 8px;
  cursor: pointer;
}
.nav > li:hover {
  background: #ebebeb;
}

.drop {
  position: relative;
}
.drop ul {
  position: absolute;
  left: 0;
  top: 3em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-padding-start:0px;
  visibility: hidden;
}
.drop ul li {
  display: block;
  width: 100%;
  
}

li.drop:after {
	font-family: FontAwesome;
	content: "\f0d7";	
}
.drop ul li a {
  background:#FFF;
  width: 100%;
  padding: 0.7em 18px;
  display: inline-block;
  white-space: pre;
  box-sizing: border-box;
}
.drop ul li a:hover {
  background: #ebebeb;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


body{
	font-family: 'Manrope', 'Open Sans', Roboto, Noto, Helvetica, Arial, sans-serif !important;
    /*font-weight:300;*/
    
}
/* End*/
/* Start Material Dropdown Navbar*/
.navTitle {
  margin-left: 0%;
  display: inline-block;
  display:  -moz-inline-box;
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
}
.navTitle > li {
  display: inline-block;
  padding: 0.6em 8px;
  cursor: pointer;
  top:0px;
}
.dropTitle {
  position:fixed;
  line-height:normal;
}
.dropTitle ul {
  position: absolute;
  left: 0;
  top: 0.3em;/*0.3em*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-padding-start:0px;
  -moz-padding-start:0px;
  visibility: hidden;
}
.dropTitle ul li {
  display: block;
  width: 100%;
  
}
li.tropTitle{
	top:-1px;
}

li.dropTitle:after {
	font-family: FontAwesome;
	content: "\f0d7";	
}
.dropTitle ul li a {
  background:#FFF;
  width: 100%;
  padding: 0.7em 18px;
  display: inline-block;
  white-space: pre;
  box-sizing: border-box;
}
.dropTitle ul li a:hover {
  background: #ebebeb;
}

.navbar-inner{
	 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
/*Drop Index*/
.dropIndex {
  position:fixed;
  line-height:normal;
}
.dropIndex ul {
  position: absolute;
  left: 0;
  top: 0.3em;/*0.3em*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-padding-start:0px;
  -moz-padding-start:0px;
  visibility: hidden;
}
.dropIndex ul li {
  display: block;
  width: 100%;
  
}
li.dropIndex{
	top:-1px;
}

li.dropIndex:after {
	font-family: FontAwesome;
	content: "\f0d7";	
}
.dropIndex ul li a {
  background:#FFF;
  width: 100%;
  padding: 0.7em 18px;
  display: inline-block;
  white-space: pre;
  box-sizing: border-box;
}
.dropIndex ul li a:hover {
  background: #ebebeb;
}
/************************* Start Monrope ********/

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-extrabold.woff2") format("woff2"), /* Modern browsers */
  url("../fonts/manrope-extrabold.woff") format("woff"), /* Legacy browsers */
  url("../fonts/manrope-extrabold.otf") format("truetype"); /* Android, iOS */
  font-style: normal;
  font-weight: 800; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-bold.woff2") format("woff2"),
  url("../fonts/manrope-bold.woff") format("woff"),
  url("../fonts/manrope-bold.otf") format("truetype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-semibold.woff2") format("woff2"),
  url("../fonts/manrope-semibold.woff") format("woff"),
  url("../fonts/manrope-semibold.otf") format("truetype");
  font-style: normal;
  font-weight: 600; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-medium.woff2") format("woff2"),
  url("../fonts/manrope-medium.woff") format("woff"),
  url("../fonts/manrope-medium.otf") format("truetype");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-regular.woff2") format("woff2"),
  url("../fonts/manrope-regular.woff") format("woff"),
  url("../fonts/manrope-regular.otf") format("truetype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-light.woff2") format("woff2"),
  url("../fonts/manrope-light.woff") format("woff"),
  url("../fonts/manrope-light.otf") format("truetype");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-thin.woff2") format("woff2"),
  url("../fonts/manrope-thin.woff") format("woff"),
  url("../fonts/manrope-thin.otf") format("truetype");
  font-style: normal;
  font-weight: 200; }