@font-face {
  font-family: 'wSansLight';
  src: url('../fonts/wSansLight.woff2') format('woff2'), url('../fonts/wSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
 unicode-range: U+001D-212E;
}
@font-face {
  font-family: 'wSansRegular';
  src: url('../fonts/wSansRegular.woff2') format('woff2'),  url('../fonts/wSansRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
 unicode-range: U+0020-212E;
}
@font-face {
  font-family: 'wSansMedium';
  src: url('../fonts/wSansMedium.woff2') format('woff2'), url('../fonts/wSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
 unicode-range: U+0020-212E;
}
@font-face {
  font-family: 'wSansDemi';
  src: url('../fonts/wSansDemi.woff2') format('woff2'), url('../fonts/wSansDemi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
 unicode-range: U+0020-212E;
}
@font-face {
  font-family: 'wSansBold';
  src: url('../fonts/wSansBold.woff2') format('woff2'),  url('../fonts/wSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
 unicode-range: U+0020-212E;
}
html,
body {
  font-size: 16px;
}
body {
  font-family: "wSansRegular", sans-serif;
  color: #2E3C43;
  background-color: #333333;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
b,
strong {
  font-family: 'wSansBold';
}
a,
a.inverted,
a.white {
  cursor: pointer;
  color: #FE763A;
  text-decoration: none;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  outline: none
}
a:hover,
a.hover,
a:focus {
  color: #212F38;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -o-transition: all .35s ease;
  transition: all .55s ease;
  outline: none;
  text-decoration: none
}
a.inverted,
p.inverted {
  color: #73909D;
}
a.white {
  color: #fff;
}
a.inverted:hover,
a.inverted.hover,
a.inverted:focus {
  color: #2E3C43;
}
a.white:hover,
a.white.hover,
a.white:focus {
  color: rgba(0,0,0,0.6);
}
h1 {
  min-height: 1rem;
  line-height: 3.5rem;
  font-size: 3rem;
  font-family: 'wSansLight';
  font-weight: 300
}
h2 {
  line-height: 1.5rem;
  font-size: 1.5rem;
  font-family: 'wSansMedium';
  font-weight: 400;
  color: #344875;
  margin-bottom:.25em;
}
h3 {
  line-height: 1.50rem;
  font-size: 1.50rem;
  font-family: 'wSansDemi';
  font-weight: 500;
}
h4 {
  line-height: 1.375rem;
  font-size: .813rem;
  font-family: 'wSansBold';
  text-transform: uppercase;
}
h5 {
  line-height: 2rem;
  font-size: 1rem;
  font-family: 'wSansBold';
  font-weight: 700
}
h6 {
  line-height: 2rem;
  font-size: .700rem;
  font-family: 'wSansBold';
  font-weight: 700;
  text-transform: uppercase;
}
#wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
.container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  margin: 0 auto;
  margin: 1em auto;
  min-height: 700px;
  box-shadow: 0 10px 30px 0 rgba(0,0,0, 0.1);
}
#container {
  padding: 0em 2em 3em 2em;
}
aside {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  background-color: #FFFFFF;
  width: 200px;
  position: relative;
}
main {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  position: relative;
  background-color: #F3F5F7;
}
#content {
  padding: 2em 3em;
}
.logo {
  text-align: center;
  margin: 2em auto;
  padding: 1em;
}
.logo img {
  width: 80px;
  vertical-align: middle;
}
nav ul,
nav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  padding-left: 2em;
}
nav ul li a {
  display: block;
  padding: .875em 0;
  text-transform: uppercase;
  font-size: .750em;
  color: #73909D;
}
nav ul li a .icon {
  font-size: 1rem;
  padding-right: .5em;
  vertical-align: middle;
}
nav ul li a span {
  display: inline-block;
  font-family: 'wSansBold';
  padding-left: .5em;
  vertical-align: middle;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
nav ul li a:hover {
  color: #344875;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -o-transition: all .35s ease;
  transition: all .55s ease;
}
nav ul li.active {
  box-shadow: inset 2px 0 0 0 #FF782D;
}
nav ul li ul {
  display: none;
}
nav ul li.active ul {
  display: block;
}
nav ul li ul li {
  padding-left: 0;
}
nav ul li ul li a {
  color: #8CA4AF;
  font-size: .850rem;
  text-transform: none;
  padding: 0.313em 0;
  font-family: 'wSansMedium';
}
nav ul li ul li a.active {
  color: #ff782d;
}
nav ul li ul li a:hover {
  color: #333333;
}
#mnav {
  color: #73909D;
  text-align: center;
  padding: 0 1em
}
#mnav .icon:hover {
  color: #344875;
}
#mnav-alt {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 1em;
  top: 1.25em;
  background-color: #000;
  color: #B4C1C7;
  text-align: center;
  line-height: 2;
  border-radius: 0.188em;
}
#utility {
  background-color: #161F27;
  padding: 2em;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 0 .5em;
}
footer {
  font-size: .813em;
  text-align: center;
  color: #fff;
  padding:0 2em;
}
#mResults {
  overflow:auto;
}
/* Tablet */
@media screen and (min-width:40.625em) and (max-width:64em) {
#wrapper {
  border-radius: 0;
  max-width: 100%;
  margin-top: 0
}
.container {
  margin-top: 0
}
.menuwrap {
  display: block;
}
aside,
.main {
  border-radius: 0;
}
aside {
  width: 120px
}
.logo {
  text-align: center
}
.logo span {
  display: none
}
nav ul li {
  padding-left: 0;
  margin-bottom: 1em;
}
nav ul li a {
  text-align: center;
}
nav ul li a span {
  display: block;
}
nav ul li a .icon {
  font-size: 1.5rem;
  padding: 0;
}
}

/* Mobile */
@media screen and (max-width:48.063em) {
.container {
  margin-top: 0;
  min-height: auto;
}
aside {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
}
main {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
  min-height: 400px;
}
.menuwrap,
#mnav {
  display: none;
}
#mnav-alt {
  display: block;
}
.logo {
  padding: 1em;
  text-align: left;
  display: block;
  margin: 0
}
#utility {
  display: none
}
nav ul {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
nav ul li ul{
  box-shadow: none;
}
nav ul li {
  padding: 1em;
  width: 50%;
  float: left;
  margin-bottom: 0;
  box-shadow: inset -1px -1px 0 0 rgba(0,0,0,0.1);
}
nav ul li ul li {
  padding:0;
  width: 100%;
  float: none;
  margin-bottom: 0;
  box-shadow: none;
}
nav ul li.active {
  box-shadow: none;
  background-color: #FF782D;
}
nav ul li a {
  text-align: left;
}
nav ul li ul li a{
  padding:.5em
}
nav ul li.active a {
  color: #fff;
}
nav ul li a span {
  display: inline-block;
}
nav ul li a .icon {
  font-size: 1rem;
}
}
pre {
  padding: 1.5em;
}