@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

body, html {
  background-color: #9AA4AC;
}

body, ul {
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  font-family: Verdana, Arial;
  font-size: 0.875rem;
  line-height: 1.5;
}

@font-face {
  font-family: "NobileRegular";
  src: url("../fonts/nobile-webfont-1kj-M_D.eot");
  src: local("☺"), url("../fonts/nobile-webfont-1kj-M_D.eot") format("embedded-opentype"), url("../fonts/nobile-webfont-Q48Fh-B.woff") format("woff"), url("../fonts/nobile-webfont-9a00tMR.ttf") format("truetype"), url("../fonts/nobile-webfont-8SrG_oS.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
a, a:link, a:visited {
  color: blue;
  text-decoration: none;
}
a:hover {
  color: blue;
  text-decoration: underline;
}

ul {
  list-style: none;
}

img {
  border: 0;
}

@media (min-width: 576px) {
  .container {
    padding: 0 1.25rem;
    max-width: 920px;
    margin: 0 auto;
  }
  .container .page {
    border-radius: 20px;
    box-shadow: 5px 5px 9px #777777;
    margin: 1.25rem 0;
  }
}

header {
  height: 80px;
  padding: 1.25rem 1rem 0;
}
header a.logo {
  color: #000099;
  font-family: NobileRegular;
  font-weight: bold;
  margin-top: 1.25rem;
}
header a.logo:hover {
  text-decoration: none;
}
@media (min-width: 576px) {
  header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

nav {
  padding: 0 1rem;
}
@media (min-width: 576px) {
  nav {
    padding: 0 2rem;
  }
}

.page {
  background-color: #fff;
}

.bg-container {
  background-color: #f0f0f0;
  border-top: 1px solid #aaa;
  padding: 2rem 1rem 1.5rem;
}
@media (min-width: 576px) {
  .bg-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.ui-corner-all {
  border-radius: 20px;
}

.ui-corner-bottom {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

footer {
  min-height: 40px;
  padding-top: 0.75rem;
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  footer {
    margin-left: 1.25rem;
  }
}

ul.nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -1px;
}
ul.nav li {
  border: 1px solid #aaa;
  border-bottom: 0 none;
  margin-left: 5px;
  position: relative;
  text-align: center;
}
ul.nav li.hover {
  border: 1px solid #aaa;
}
ul.nav li.hover a {
  background-color: #f0f0f0;
  text-decoration: none;
}
ul.nav li.current a {
  background-color: #f0f0f0;
}
ul.nav li.current a:hover {
  text-decoration: none;
}
ul.nav a {
  color: #000;
  padding: 0.5rem 0;
  min-width: 100px;
  display: block;
}

.box {
  margin-bottom: 2rem;
}
.box h3 {
  color: #444;
  font-family: NobileRegular;
  font-size: 14px;
  padding-left: 1rem;
  margin-bottom: 0.25rem;
}

.box-content {
  background-color: #eaeaea;
  border: 1px solid #d8d8d8;
  padding: 1rem;
}

.item {
  border-bottom: 1px dotted #444;
  padding: 1rem 0.5rem;
}
.item.first {
  padding-top: 0;
}
.item .logo {
  margin-top: 2rem;
}
.item .image {
  margin-bottom: 25px;
}
.item .image img {
  display: block;
}
.item .gray-desc {
  color: #aaa;
}
@media (min-width: 576px) {
  .item {
    display: flex;
    height: auto;
  }
  .item .logo {
    flex-shrink: 0;
    width: 230px;
  }
  .item .desc {
    flex-grow: 1;
    margin-left: 2rem;
  }
}

h1, h2, h3 {
  margin-top: 0;
}

h1 {
  font-family: NobileRegular;
  font-size: 1rem;
  font-weight: bold;
}

h2 {
  color: #F59335;
  font-family: NobileRegular;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .content-sidebar {
    display: flex;
    flex-wrap: wrap;
  }
  .content-sidebar .content {
    flex: 0 0 auto;
    width: 66.66666667%;
    max-width: 100%;
  }
  .content-sidebar .sidebar {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 100%;
    padding-left: 1.5rem;
  }
}
@media (max-width: 991.98px) {
  .content-sidebar .content {
    margin-bottom: 2rem;
  }
}

.content {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  min-height: 400px;
  padding: 1.375rem;
}
.content ul {
  list-style-type: disc;
  margin-bottom: 20px;
  margin-left: 1.25rem;
}
.content ul li {
  padding-bottom: 8px;
  margin: 0px;
}
.content .cfooter {
  color: #555;
  font-size: 11px;
  margin-top: 1.25rem;
}
@media (min-width: 576px) {
  .content ul {
    margin-left: 2rem;
  }
}

.home {
  margin-right: 240px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/_root.scss%22,%22../../assets/styles/_variables.scss%22,%22../../assets/styles/mixins/_breakpoints.scss%22,%22../../assets/styles/_layout.scss%22,%22../../assets/styles/_nav.scss%22,%22../../assets/styles/_sidebar.scss%22,%22../../assets/styles/_list.scss%22,%22../../assets/styles/app.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AACA;AAAA;AAAA;EAGE;;;AAGF;EACE,kBCRS;;;ADWX;EACE;EACA;;;AAGF;EACE,OChBW;EDiBX,aChBY;EDiBZ;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EAGE,OChCS;EDiCT;;AAGF;EACE,OCrCS;EDsCT;;;AAIJ;EACE;;;AAGF;EACE;;;AEaE;EC9DJ;IAGI;IACA;IACA;;EAEA;IACE;IACA;IACA;;;;AAKN;EACE;EACA;;AAEA;EACE,OFfU;EEgBV;EACA;EACA;;AAEA;EACE;;ADoCF;EC/CJ;IAiBM;IACA;;;;AAKN;EACE;;ADuBE;ECxBJ;IAII;;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;ADSE;ECZJ;IAOM;IACA;;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;ADbE;ECUJ;IAMI;;;;AC9EJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;;ACpCJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;ACfF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AJyCA;EI9DJ;IAyBI;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;;AC5BN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AL0CE;EKvCJ;IAGI;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;ALoCF;EK/BA;IACE;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;ALTA;EKaA;IACE;;;;AAMN;EACE%22,%22file%22:%22app.output.css%22%7D */