.up {
  text-transform: uppercase;
}
/* -- Colors -------------------------------------------------- */
/* /  Colors -------------------------------------------------- */
/* -- Font Basic -------------------------------------------------- */
.century {
  font-family: 'CenturyGothic', helvetica, arial;
}
body {
  font-family: 'CenturyGothic', helvetica, arial;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'CenturyGothic', helvetica, arial;
  font-weight: bold;
}
/* /  Font Basic -------------------------------------------------- */
/* -- Header -------------------------------------------------- */
.header {
  background: #043863;
  max-width: 100%;
  width: 100%;
  max-height: 48px;
  padding: 0px;
}
.header .logo-inverse {
  display: none;
}
.header.inverse {
  background: #fff;
}
.header.inverse .container .logo-inverse {
  display: block;
}
.header.inverse .container .logo-homepage {
  display: none;
}
.header.inverse .container .nav-wrapper a,
.header.inverse .container .nav-wrapper .icon-menu::before {
  color: #043863;
}
.header.inverse .container .nav-wrapper #user,
.header.inverse .container .nav-wrapper #user #user-name {
  color: #043863;
}
.header.inverse .container .nav-wrapper #user a,
.header.inverse .container .nav-wrapper #user #user-name a {
  color: #043863;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  padding: 0px 5%;
}
.header .container .logo {
  margin-top: 3px;
}
.header .container .nav-wrapper {
  color: #fff;
  font-size: 12px;
}
.header .container .nav-wrapper a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 7px;
  padding-right: 45px;
}
.header .container .nav-wrapper .login {
  padding-right: 0px;
}
.header .container .user-info > [role="button"]::after {
  padding-right: 0px;
}
.header .container .icon-menu::before {
  color: #fff;
}
.header .container #user,
.header .container #user #user-name {
  color: #fff;
  font-size: 12px;
  margin-top: -3px;
  padding-left: 3px;
  text-transform: uppercase;
}
.header .container #user a,
.header .container #user #user-name a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}
/* /  Header -------------------------------------------------- */
/* Nav ----------------------------------------------------- */
.sub-nav {
  background: #043863;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.sub-nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-nav .container .search {
  max-width: 541px;
  width: 100%;
}
.sub-nav .container .search input {
  font-size: 14px;
}
.sub-nav .container .breadcrumbs {
  color: #fff;
}
.sub-nav .container .breadcrumbs li {
  color: #fff;
  font-size: 9px;
}
.sub-nav .container .breadcrumbs a {
  color: #fff;
  font-size: 9px;
}
/* /  nav -------------------------------------------------- */
/* Search   --------------------------------------------------- */
.search input[type="search"] {
  font-size: 18px;
  border-radius: 0px;
  height: 51px;
  max-width: 712px;
  width: 100%;
  border: 1px solid #a7a9ac;
  padding-left: 50px;
}
/* / Search --------------------------------------------------- */
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.search-result-votes::before,
.search-result-meta-count::before {
  color: #043863;
  font-size: 22px;
}
/* -- Hero -------------------------------------------------- */
.hero {
  height: 430px;
}
.hero h1 {
  font-size: 48px;
}
.hero-inner {
  max-width: 712px;
}
/* /  Hero -------------------------------------------------- */
/* Homepage ----------------------------------------------------- */
.knowledge-base {
  max-width: 80%;
  margin: 0 auto;
}
.knowledge-base .blocks-list {
  justify-content: center;
}
.knowledge-base .blocks-list .blocks-item {
  background-color: #f1f2f2;
  border: 1px solid #a7a9ac;
  border-radius: 0px;
  transition: all 0.15s ease-in-out;
  max-width: 30%;
  min-height: 179px;
}
.knowledge-base .blocks-list .blocks-item h4,
.knowledge-base .blocks-list .blocks-item a {
  font-size: 18px;
}
.knowledge-base .blocks-list .blocks-item:hover {
  box-shadow: 8px 8px 15px #8E8E8E;
}
.knowledge-base .blocks-list .blocks-item:hover h4,
.knowledge-base .blocks-list .blocks-item:hover a,
.knowledge-base .blocks-list .blocks-item:hover p {
  color: #043863;
}
.promoted-articles-container h3 {
  text-align: center;
}
.promoted-articles-container .promoted-articles-item {
  padding-right: 0px;
}
.promoted-articles-container .promoted-articles-item a {
  border: 0px none;
  color: #525252;
  text-align: center;
}
/* /  Homepage -------------------------------------------------- */
/* Footer ----------------------------------------------------- */
footer.footer {
  background: #043863;
  color: #d1d3d4;
  clear: both;
}
footer.footer .container {
  display: flex;
  justify-content: space-between;
}
footer.footer a:hover {
  text-decoration: none;
  color: #fff;
}
footer.footer .footer-button {
  width: 70%;
}
footer.footer .footer-button .button {
  background: #f1f2f2;
  text-align: center;
  color: #043863;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #a7a9ac;
  border-radius: 0px;
  height: 50px;
  width: 230px;
  line-height: 46px;
  transition: all 0.15s ease-in-out;
}
footer.footer .footer-button .button:hover {
  background: #fff;
}
footer.footer .footer-info {
  width: 30%;
  font-size: 12px;
}
footer.footer .footer-info a {
  color: #a7a9ac;
}
footer.footer .footer-info a:hover {
  color: #fff;
}
footer.footer .contact a {
  color: #d1d3d4;
  text-transform: uppercase;
}
footer.footer .contact a:hover {
  color: #fff;
}
footer.footer .social-nav {
  display: flex;
  justify-content: flex-start;
}
footer.footer .social-nav li {
  margin-right: 20px;
}
footer.footer .social-nav li a {
  background-color: #a7a9ac;
  border-radius: 50px;
  color: #fff;
  display: block;
  width: 28px;
  height: 28px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.15s ease-in-out;
}
footer.footer .social-nav li a:hover {
  background-color: #3c719c;
}
/* /  footer -------------------------------------------------- */
/* Sidebar -------------------------------------------------- */
.sidebar {
  background: #f1f2f2;
  width: 326px;
}
/* / Sidebar ------------------------------------------------ */
/* Interior containers ---------------------------------------------------- */
.page-header h1 {
  font-size: 36px;
}
.category-container,
.interior-container,
.section-container,
.article-container {
  display: flex;
  justify-content: flex-end;
  float: right;
  width: 100%;
}
.category-container .category-content,
.interior-container .category-content,
.section-container .category-content,
.article-container .category-content,
.category-container .interior-content,
.interior-container .interior-content,
.section-container .interior-content,
.article-container .interior-content,
.category-container .section-content,
.interior-container .section-content,
.section-container .section-content,
.article-container .section-content,
.category-container .article,
.interior-container .article,
.section-container .article,
.article-container .article {
  margin-top: 50px;
  max-width: 970px;
  width: 100%;
  padding-left: 40px;
  padding-right: 60px;
}
.category-container .sidebar,
.interior-container .sidebar,
.section-container .sidebar,
.article-container .sidebar {
  padding: 55px;
  max-width: 326px;
  width: 100%;
  min-height: 500px;
}
.category-container .sidebar h3,
.interior-container .sidebar h3,
.section-container .sidebar h3,
.article-container .sidebar h3,
.category-container .sidebar .recent-articles h3,
.interior-container .sidebar .recent-articles h3,
.section-container .sidebar .recent-articles h3,
.article-container .sidebar .recent-articles h3,
.category-container .sidebar .related-articles h3,
.interior-container .sidebar .related-articles h3,
.section-container .sidebar .related-articles h3,
.article-container .sidebar .related-articles h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
}
.category-container .sidebar li,
.interior-container .sidebar li,
.section-container .sidebar li,
.article-container .sidebar li {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: center;
  flex: 1 0 100%;
}
.category-container .sidebar li a,
.interior-container .sidebar li a,
.section-container .sidebar li a,
.article-container .sidebar li a {
  padding: 0px;
  text-align: center;
  margin: 0px;
  border: 0px none;
  color: #525252;
  font-size: 14px;
}
.category-container .sidebar .recent-articles,
.interior-container .sidebar .recent-articles,
.section-container .sidebar .recent-articles,
.article-container .sidebar .recent-articles {
  margin-top: 60px;
}
.interior-content {
  padding-bottom: 40px;
}
.section-tree .section-tree-title,
.article-list .section-tree-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .2em;
  border-bottom: 1px solid #bcbec0;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 5px;
}
.section-tree .article-list-item,
.article-list .article-list-item {
  border: 0px none;
  font-size: 14px;
  padding: 0px 0;
}
.section-tree .article-list-item a,
.article-list .article-list-item a {
  padding: 5px 0px;
  color: #808285;
  display: block;
}
.section-tree .see-all-articles,
.article-list .see-all-articles {
  display: inline-block;
  background: #cbd2dd;
  border: 1px solid #a7a9ac;
  color: #646469;
  padding: 5px 10px;
  font-size: 12px;
  margin-top: 10px;
}
.section-tree .see-all-articles:hover,
.article-list .see-all-articles:hover {
  background: #043863;
  color: #fff;
  text-decoration: none;
  border-color: #043863;
}
.section-content .page-header h1 {
  border-bottom: 1px solid #bcbec0;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 15px;
  font-size: 36px;
}
/* / Interior containers -------------------------------------------------- */
/* Article -------------------------------------------------- */
.article-title {
  border-bottom: 1px solid #bcbec0;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 15px;
  font-size: 36px;
}
.article-header {
  margin-bottom: 0px;
}
article.article .article-content {
  margin-top: 0px;
}
article.article h1,
article.article h2,
article.article h3,
article.article h4,
article.article h5,
article.article h6 {
  text-align: left;
  padding-bottom: 0px;
  margin-top: 15px;
  margin-bottom: 0px;
}
article.article h3 {
  font-size: 20px;
}
article.article h4 {
  font-size: 18px;
}
article.article h5 {
  font-size: 16px;
}
article.article h6 {
  font-size: 14px;
}
article.article .article-body img {
  margin-top: 15px;
}
article.article .tip {
  background: #cbd2dd;
  padding: 10px 20px;
}
article.article .tip strong {
  font-weight: bold;
  color: #043863;
  font-size: 13px;
  display: block;
}
article.article .tip p {
  font-size: 12px;
  color: #043863;
}
.article-attachments {
  margin-top: 40px;
  background: #f1f2f2;
  padding: 10px 20px;
}
.article-attachments a {
  color: #646469;
}
.article-votes {
  border: 0px none;
  margin-bottom: 40px;
}
.article-votes .article-votes-question {
  color: #404040;
  font-size: 12px;
  padding-bottom: 20px;
}
.article-votes .article-vote {
  background: #cbd2dd;
  border: 1px solid #043863;
  font-size: 12px;
}
.article-votes .article-vote:hover {
  background: #043863;
}
/* Contact page -------- */
.article-body ul.support-contact {
  margin-left: 0px;
  padding-left: 0px;
}
.article-body ul.support-contact li {
  list-style: none;
  margin-bottom: 20px;
}
.article-body ul.support-contact li a {
  background-repeat: no-repeat;
  color: #646469;
  font-style: 13px;
  padding-left: 50px;
  display: block;
  font-weight: bold;
  padding-bottom: 20px;
}
.article-body ul.support-contact li a em {
  display: block;
  font-style: normal;
  color: #043863;
}
.article-body ul.support-contact li a:hover {
  color: #043863;
  text-decoration: none;
}
/* / Contact page -------- */
/* / Article -------------------------------------------------- */
.my-activities-nav {
  margin-bottom: 2px;
}
/* Media ------------------------------------------------------ */
@media screen and (max-width: 1168px) {
  .sub-nav .container {
    max-width: 100%;
    width: 100%;
  }
  .knowledge-base .blocks-list .blocks-item {
    max-width: 28%;
  }
}
@media screen and (max-width: 768px) {
  .sub-nav .container .breadcrumbs {
    width: 100%;
  }
  .knowledge-base .blocks-list .blocks-item {
    max-width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .sub-nav .container {
    flex-wrap: wrap;
  }
  .search {
    width: 100%;
    max-width: 100%;
  }
  .category-container,
  .interior-container,
  .section-container,
  .article-container {
    flex-wrap: wrap;
  }
  .category-container .category-content,
  .interior-container .category-content,
  .section-container .category-content,
  .article-container .category-content,
  .category-container .interior-content,
  .interior-container .interior-content,
  .section-container .interior-content,
  .article-container .interior-content,
  .category-container .section-content,
  .interior-container .section-content,
  .section-container .section-content,
  .article-container .section-content,
  .category-container .article,
  .interior-container .article,
  .section-container .article,
  .article-container .article {
    margin-top: 20px;
  }
  .category-container .sidebar,
  .interior-container .sidebar,
  .section-container .sidebar,
  .article-container .sidebar {
    max-width: 100%;
  }
  footer.footer .container {
    flex-wrap: wrap;
  }
  footer.footer .container .footer-button,
  footer.footer .container .footer-info {
    width: 100%;
    max-width: 100%;
    padding-bottom: 40px;
  }
  footer.footer .container .footer-button .button,
  footer.footer .container .footer-info .button {
    width: 100%;
    max-width: 100%;
  }
}