/*
 * reardenhealthapp 1.0.0
 * Updated: Sat Feb 27 2021 14:00:22 GMT+0700 (Indochina Time)
 *
 * Copyright 2021, Mind Wrack
*/

/* media breakpoints */
/* palette */
/* font */
/* type color */
/* controls */
/* sizing */
/* imagery */
/* line 1, Styles/base/_typography.scss */
h1, h2, h3, h4, h5, p, a, dt, dd, span {
  font-family: "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif; }

/* line 4, Styles/base/_typography.scss */
h1 {
  font-size: 45px;
  line-height: 47px;
  color: white;
  font-weight: 800; }

/* line 7, Styles/base/_typography.scss */
h2 {
  font-size: 32px;
  line-height: 34px;
  color: white;
  font-weight: 500; }

/* line 10, Styles/base/_typography.scss */
h3 {
  font-size: 14px;
  line-height: 16px;
  color: black;
  font-weight: 800;
  text-transform: uppercase; }

/* line 13, Styles/base/_typography.scss */
h4,
.uk-text-lead {
  font-size: 16px;
  line-height: 18px;
  color: #1e87f0;
  font-weight: 500; }

/* line 17, Styles/base/_typography.scss */
p > a, .uk-card-body > a,
p, dt, dd, span {
  font-size: 16px;
  line-height: 18px;
  color: #666666;
  font-weight: 400; }

/* line 21, Styles/base/_typography.scss */
.uk-card .uk-link, .uk-card a,
p > a, .uk-card-body > a {
  color: #33bff0;
  font-weight: 500;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }
  /* line 26, Styles/base/_typography.scss */
  .uk-card .uk-link:visited:hover, .uk-card .uk-link:hover, .uk-card a:visited:hover, .uk-card a:hover,
  p > a:visited:hover,
  p > a:hover, .uk-card-body > a:visited:hover, .uk-card-body > a:hover {
    color: #1e87f0;
    text-decoration: none; }

/* line 32, Styles/base/_typography.scss */
.uk-card-body p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0; }

/* line 37, Styles/base/_typography.scss */
footer span {
  color: white; }

/* line 41, Styles/base/_typography.scss */
.ct-header1 {
  font-size: 1.5em;
  font-weight: 700; }

/* line 45, Styles/base/_typography.scss */
.ct-header2 {
  font-size: 1.4em;
  font-weight: 500; }

/* line 49, Styles/base/_typography.scss */
.ct-header3 {
  font-size: 1.2em;
  font-weight: 500; }

/* line 1, Styles/layout/_grid.scss */
body {
  position: relative;
  min-height: 100vh; }
  /* line 8, Styles/layout/_grid.scss */
  body .uk-background-default {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: solid 1px rgba(230, 230, 230, 0.8); }

/* line 14, Styles/layout/_grid.scss */
.page-content {
  min-height: calc(100vh - 120);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: transparent url(/images/content-back-bottom.png) bottom right no-repeat; }

/* line 22, Styles/layout/_grid.scss */
main {
  background: transparent url(/images/content-back-top.png) top left no-repeat;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 80%;
  padding: 0 10%;
  margin-top: calc(-120px - 30px);
  background-position-y: calc(120px + 30px);
  /*
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
		
	max-width: toPX($wd-max-content);
	width: $wd-desktop-site;
	margin: calc(-120px - 30px) auto 0 auto;
		*/
  padding-bottom: 30px; }
  /* line 40, Styles/layout/_grid.scss */
  main .topic-detail {
    margin-bottom: 40px; }
    /* line 42, Styles/layout/_grid.scss */
    main .topic-detail p {
      padding-bottom: 10px; }

/* line 1, Styles/layout/_navigation.scss */
.nav-back-overlay {
  display: none;
  z-index: 1; }

/* line 5, Styles/layout/_navigation.scss */
.main-navbar {
  /*
	background-image: $img-back-nav;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
		*/
  width: 80%;
  height: 120px;
  max-width: 1199px;
  position: relative;
  margin: auto;
  padding: 0;
  z-index: 1000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  /* line 20, Styles/layout/_navigation.scss */
  .main-navbar .uk-logo {
    margin-top: 14px; }
    /* line 23, Styles/layout/_navigation.scss */
    .main-navbar .uk-logo img {
      height: 60px; }
  /* line 28, Styles/layout/_navigation.scss */
  .main-navbar .uk-navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    /* line 31, Styles/layout/_navigation.scss */
    .main-navbar .uk-navbar-nav > li > a {
      padding: 0 5px;
      white-space: nowrap; }
      /* line 35, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a span {
        font-size: 19px;
        font-weight: bold;
        color: white; }
      /* line 42, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a:hover span {
        color: #33bff0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        /* line 46, Styles/layout/_navigation.scss */
        .main-navbar .uk-navbar-nav > li > a:hover span.icon-nav {
          -webkit-filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%);
          filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%); }
      /* line 53, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a.uk-icon {
        padding: 0;
        margin: 0 5px; }
      /* line 59, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a.updates span {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #33bff0; }
      /* line 65, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a.updates:hover span {
        color: #68cad3; }
      /* line 72, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav > li > a.uk-active span {
        color: #1e87f0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        /* line 76, Styles/layout/_navigation.scss */
        .main-navbar .uk-navbar-nav > li > a.uk-active span.icon-nav {
          -webkit-filter: invert(33%) sepia(87%) saturate(2309%) hue-rotate(200deg) brightness(108%) contrast(88%);
          filter: invert(33%) sepia(87%) saturate(2309%) hue-rotate(200deg) brightness(108%) contrast(88%); }
    /* line 84, Styles/layout/_navigation.scss */
    .main-navbar .uk-navbar-nav .nav-item span.uk-icon {
      color: #33bff0;
      margin: 0 3px 0 0; }
    /* line 90, Styles/layout/_navigation.scss */
    .main-navbar .uk-navbar-nav .uk-nav li > a {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      /* line 93, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav .uk-nav li > a:hover {
        color: #68cad3; }
    /* line 98, Styles/layout/_navigation.scss */
    .main-navbar .uk-navbar-nav .uk-nav li.sub-nav-main > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -5px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      /* line 104, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav .uk-nav li.sub-nav-main > a .sub-nav-title {
        text-transform: uppercase;
        font-weight: bold;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      /* line 110, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav .uk-nav li.sub-nav-main > a .icon-nav {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-filter: invert(61%) sepia(7%) saturate(21%) hue-rotate(52deg) brightness(99%) contrast(87%);
        filter: invert(61%) sepia(7%) saturate(21%) hue-rotate(52deg) brightness(99%) contrast(87%); }
      /* line 116, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav .uk-nav li.sub-nav-main > a:hover .sub-nav-title {
        color: #68cad3; }
      /* line 120, Styles/layout/_navigation.scss */
      .main-navbar .uk-navbar-nav .uk-nav li.sub-nav-main > a:hover .icon-nav {
        -webkit-filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%);
        filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%); }
  /* line 127, Styles/layout/_navigation.scss */
  .main-navbar .article-nav {
    padding-right: 10px; }
    /* line 131, Styles/layout/_navigation.scss */
    .main-navbar .article-nav .uk-navbar-nav > li > a {
      font-size: 19px; }

/* line 138, Styles/layout/_navigation.scss */
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  height: auto; }

/* line 142, Styles/layout/_navigation.scss */
.uk-navbar-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

/* line 147, Styles/layout/_navigation.scss */
.connect-nav {
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: solid 1px #33bff0;
  margin-right: -toPX(10); }

/* line 152, Styles/layout/_navigation.scss */
.social-nav {
  margin-right: 10px; }
  /* line 156, Styles/layout/_navigation.scss */
  .social-nav a svg {
    width: 16px;
    height: 16px; }
  /* line 161, Styles/layout/_navigation.scss */
  .social-nav .facebook a {
    background-color: white;
    color: #073648; }
    /* line 165, Styles/layout/_navigation.scss */
    .social-nav .facebook a.uk-icon {
      color: #073648; }
      /* line 168, Styles/layout/_navigation.scss */
      .social-nav .facebook a.uk-icon svg {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #073648; }
    /* line 174, Styles/layout/_navigation.scss */
    .social-nav .facebook a:hover {
      background-color: #33bff0;
      color: white;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      /* line 179, Styles/layout/_navigation.scss */
      .social-nav .facebook a:hover svg {
        background-color: #33bff0;
        color: white; }
  /* line 186, Styles/layout/_navigation.scss */
  .social-nav .twitter a {
    color: white;
    margin: 0 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    /* line 191, Styles/layout/_navigation.scss */
    .social-nav .twitter a.uk-icon {
      color: white; }
      /* line 194, Styles/layout/_navigation.scss */
      .social-nav .twitter a.uk-icon svg {
        color: white;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    /* line 200, Styles/layout/_navigation.scss */
    .social-nav .twitter a:hover {
      color: #33bff0; }
      /* line 203, Styles/layout/_navigation.scss */
      .social-nav .twitter a:hover svg {
        color: #33bff0; }

@media (max-width: 639px) {
  /* line 215, Styles/layout/_navigation.scss */
  .social-nav a svg {
    width: 25px;
    height: 25px; }
  /* line 221, Styles/layout/_navigation.scss */
  .uk-navbar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    border: none;
    background-color: transparent;
    cursor: pointer; }
    /* line 228, Styles/layout/_navigation.scss */
    .uk-navbar-toggle .icon-bar {
      display: block;
      width: 38px;
      height: 5px;
      margin: 8px 6px;
      background-color: white;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      /* line 235, Styles/layout/_navigation.scss */
      .uk-navbar-toggle .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      /* line 239, Styles/layout/_navigation.scss */
      .uk-navbar-toggle .icon-bar:nth-of-type(2) {
        opacity: 1;
        filter: alpha(opacity=100); }
      /* line 244, Styles/layout/_navigation.scss */
      .uk-navbar-toggle .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(0);
        transform: rotate(0); }
    /* line 249, Styles/layout/_navigation.scss */
    .uk-navbar-toggle:focus {
      outline: none; }
    /* line 255, Styles/layout/_navigation.scss */
    .uk-navbar-toggle:hover .menu-bars .icon-bar {
      background-color: #33bff0; }
  /* line 263, Styles/layout/_navigation.scss */
  .menu-toggled .uk-overlay-primary {
    background: rgba(34, 34, 34, 0.9); }
  /* line 267, Styles/layout/_navigation.scss */
  .menu-toggled .nav-back-overlay {
    display: block; }
  /* line 272, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .uk-navbar-right {
    position: absolute;
    top: 80px;
    left: 5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%; }
  /* line 278, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .social-nav {
    margin-right: 10px;
    margin-bottom: 10px; }
    /* line 282, Styles/layout/_navigation.scss */
    .menu-toggled .main-navbar .social-nav .twitter {
      margin-bottom: 10px; }
    /* line 287, Styles/layout/_navigation.scss */
    .menu-toggled .main-navbar .social-nav a svg {
      width: 40px;
      height: 40px; }
  /* line 293, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .connect-nav {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block !important; }
  /* line 300, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .uk-navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center; }
    /* line 306, Styles/layout/_navigation.scss */
    .menu-toggled .main-navbar .uk-navbar-nav > li {
      width: 100%; }
      /* line 309, Styles/layout/_navigation.scss */
      .menu-toggled .main-navbar .uk-navbar-nav > li > a {
        font-size: 25px; }
  /* line 315, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .uk-form-icon {
    padding: 0 10px;
    width: 25px; }
    /* line 319, Styles/layout/_navigation.scss */
    .menu-toggled .main-navbar .uk-form-icon svg {
      width: 40px;
      height: 40px; }
  /* line 324, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .uk-input {
    height: 40px !important;
    width: 60vw;
    font-size: 19px;
    padding-left: 40px !important; }
  /* line 331, Styles/layout/_navigation.scss */
  .menu-toggled .main-navbar .article-nav {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block !important; }
  /* line 339, Styles/layout/_navigation.scss */
  .menu-toggled .main-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    /* line 342, Styles/layout/_navigation.scss */
    .menu-toggled .main-nav .uk-search-icon {
      z-index: 1010; }
    /* line 346, Styles/layout/_navigation.scss */
    .menu-toggled .main-nav .uk-drop {
      z-index: 1005;
      width: 150px;
      left: unset !important; }
    /* line 352, Styles/layout/_navigation.scss */
    .menu-toggled .main-nav .uk-navbar-nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-bottom: 20px; }
  /* line 359, Styles/layout/_navigation.scss */
  .menu-toggled .uk-navbar-toggle {
    position: absolute;
    top: 20px;
    right: 20px; }
    /* line 363, Styles/layout/_navigation.scss */
    .menu-toggled .uk-navbar-toggle .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(45deg) scale(1.2, 1);
      transform: rotate(45deg) scale(1.2, 1);
      -webkit-transform-origin: 5% 95%;
      transform-origin: 5% 95%; }
    /* line 368, Styles/layout/_navigation.scss */
    .menu-toggled .uk-navbar-toggle .icon-bar:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0); }
    /* line 373, Styles/layout/_navigation.scss */
    .menu-toggled .uk-navbar-toggle .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(-45deg) scale(1.2, 1);
      transform: rotate(-45deg) scale(1.2, 1);
      -webkit-transform-origin: 20% 10%;
      transform-origin: 20% 10%; } }

@media (max-width: 639px) {
  /* line 384, Styles/layout/_navigation.scss */
  .main-navbar .uk-logo {
    margin-top: 0; }
  /* line 392, Styles/layout/_navigation.scss */
  .social-nav {
    margin-top: 10px;
    margin-right: 20px; } }

/* line 1, Styles/layout/_header.scss */
.header-default {
  background-image: url("/images/header-back.png"); }

/* line 4, Styles/layout/_header.scss */
header {
  width: 100%;
  margin: auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -120px;
  padding-top: 140px;
  padding-bottom: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  /* line 16, Styles/layout/_header.scss */
  header .menu-back-overlay {
    background: url("/images/nav-back.png") top center no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0;
    height: 120px; }
  /* line 29, Styles/layout/_header.scss */
  header.sub-header .intro {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    margin-bottom: 30px;
    width: 100%; }
    /* line 35, Styles/layout/_header.scss */
    header.sub-header .intro h2 {
      color: black;
      text-align: left; }
    /* line 40, Styles/layout/_header.scss */
    header.sub-header .intro p {
      color: #222222;
      text-align: left; }
  /* line 47, Styles/layout/_header.scss */
  header .intro {
    color: white;
    width: 50%;
    max-width: 1199px;
    padding: 40px;
    /*
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		z-index: 35;
			*/
    text-align: center; }
    /* line 60, Styles/layout/_header.scss */
    header .intro h1, header .intro p, header .intro h2 {
      color: white; }
    /* line 66, Styles/layout/_header.scss */
    header .intro p {
      font-size: 26px;
      line-height: 28px; }
    /* line 74, Styles/layout/_header.scss */
    header .intro h1 {
      margin-bottom: 0; }
    /* line 78, Styles/layout/_header.scss */
    header .intro h2 {
      margin-top: 0;
      font-size: 42px;
      line-height: 46px; }
  /* line 85, Styles/layout/_header.scss */
  header .intro-detail {
    width: 90%; }
    /* line 88, Styles/layout/_header.scss */
    header .intro-detail .uk-dotnav > * > * {
      background-color: #fff; }
    /* line 92, Styles/layout/_header.scss */
    header .intro-detail .uk-dotnav > .uk-active > * {
      width: 20px;
      height: 20px;
      margin-top: -5px; }
    /* line 98, Styles/layout/_header.scss */
    header .intro-detail .uk-slidenav {
      color: #fff; }
    /* line 102, Styles/layout/_header.scss */
    header .intro-detail h1, header .intro-detail h2 {
      display: table; }

@media (max-width: 959px) {
  /* line 110, Styles/layout/_header.scss */
  header {
    padding-right: 30px;
    padding-left: 30px;
    width: calc(100% - 60px); }
    /* line 115, Styles/layout/_header.scss */
    header .intro {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
      /* line 119, Styles/layout/_header.scss */
      header .intro h1, header .intro h2, header .intro p {
        width: 100%; } }

/* line 1, Styles/layout/_footer.scss */
footer {
  border-bottom: solid 60px #230f19;
  background: #3a1e2c url("/images/footer-back.png") center bottom repeat-x;
  background-position-x: -40%;
  background-size: contain; }
  /* line 8, Styles/layout/_footer.scss */
  footer .contact {
    color: white; }
    /* line 11, Styles/layout/_footer.scss */
    footer .contact a {
      color: #33bff0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      text-decoration: none; }
      /* line 16, Styles/layout/_footer.scss */
      footer .contact a:hover {
        color: #68cad3;
        text-decoration: none; }
  /* line 23, Styles/layout/_footer.scss */
  footer .copyright {
    font-size: 11;
    color: #88747f; }
  /* line 28, Styles/layout/_footer.scss */
  footer .uk-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    /* line 32, Styles/layout/_footer.scss */
    footer .uk-logo img {
      height: 40px; }
    /* line 36, Styles/layout/_footer.scss */
    footer .uk-logo .company-name {
      font-size: 25px;
      line-height: 25px;
      color: white;
      font-weight: 500;
      margin: 0 0 0 -15px; }
  /* line 42, Styles/layout/_footer.scss */
  footer address {
    margin: 30px 0 0 0;
    font-size: 12px;
    line-height: 18px; }
  /* line 47, Styles/layout/_footer.scss */
  footer p:not(.company-name) {
    margin: 0;
    font-size: 12px;
    line-height: 18px; }
  /* line 54, Styles/layout/_footer.scss */
  footer .nav-item span.uk-icon {
    color: #33bff0;
    margin-right: 3px; }
  /* line 60, Styles/layout/_footer.scss */
  footer nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding-top: 20px; }
    /* line 65, Styles/layout/_footer.scss */
    footer nav .uk-navbar-nav {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      /* line 70, Styles/layout/_footer.scss */
      footer nav .uk-navbar-nav > li > a {
        white-space: nowrap;
        font-weight: bold;
        margin: 0 0 20px 0;
        padding: 0 25px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: white; }
        /* line 80, Styles/layout/_footer.scss */
        footer nav .uk-navbar-nav > li > a:hover {
          color: #33bff0; }
    /* line 86, Styles/layout/_footer.scss */
    footer nav .connect-nav {
      width: 100%;
      margin-bottom: 20px;
      padding-right: 0px;
      padding-left: 0px;
      border-color: #88747f; }
      /* line 93, Styles/layout/_footer.scss */
      footer nav .connect-nav .uk-navbar-nav > li > a {
        font-size: 16px; }
      /* line 98, Styles/layout/_footer.scss */
      footer nav .connect-nav .uk-navbar-nav > li:last-child > a {
        padding-right: 0; }
    /* line 105, Styles/layout/_footer.scss */
    footer nav .article-nav {
      width: 100%; }
      /* line 108, Styles/layout/_footer.scss */
      footer nav .article-nav .uk-navbar-nav > li > a {
        font-size: 12px;
        line-height: 16px; }
        /* line 112, Styles/layout/_footer.scss */
        footer nav .article-nav .uk-navbar-nav > li > a .uk-icon svg {
          width: 16px;
          height: 16px; }
        /* line 116, Styles/layout/_footer.scss */
        footer nav .article-nav .uk-navbar-nav > li > a span {
          color: white;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        /* line 122, Styles/layout/_footer.scss */
        footer nav .article-nav .uk-navbar-nav > li > a:hover span {
          color: #33bff0;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          /* line 126, Styles/layout/_footer.scss */
          footer nav .article-nav .uk-navbar-nav > li > a:hover span.icon-nav {
            -webkit-filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%);
            filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%); }
        /* line 134, Styles/layout/_footer.scss */
        footer nav .article-nav .uk-navbar-nav > li > a.updates {
          color: #33bff0;
          margin-left: 10px;
          padding-right: 0;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          height: 22px;
          padding-top: 8px; }
          /* line 142, Styles/layout/_footer.scss */
          footer nav .article-nav .uk-navbar-nav > li > a.updates:hover {
            color: #68cad3; }

/* line 150, Styles/layout/_footer.scss */
.constrain {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  margin: auto;
  max-width: 1199px;
  padding: 40px 0 10px 0; }

@media (max-width: 959px) {
  /* line 161, Styles/layout/_footer.scss */
  footer {
    background-size: cover; }
  /* line 165, Styles/layout/_footer.scss */
  .main-navbar {
    width: auto; }
  /* line 170, Styles/layout/_footer.scss */
  footer .constrain {
    width: 100%; }
    /* line 173, Styles/layout/_footer.scss */
    footer .constrain nav {
      padding-right: 30px; } }

/* line 1, Styles/layout/_editor.scss */
.img-full-width {
  width: 100%; }

/* line 5, Styles/layout/_editor.scss */
.img-full-width img {
  width: 100% !important; }

/* line 1, Styles/components/_icons.scss */
.icon-body-system {
  background: transparent url(/images/icon-body-system.svg) no-repeat center left; }

/* line 4, Styles/components/_icons.scss */
.icon-disease-dx {
  background: transparent url(/images/icon-disease.svg) no-repeat center left; }

/* line 7, Styles/components/_icons.scss */
.icon-item-type {
  background: transparent url(/images/icon-item-type.svg) no-repeat center left; }

/* line 10, Styles/components/_icons.scss */
.icon-sponsor {
  background: transparent url(/images/icon-sponsor.svg) no-repeat center left; }

/* line 13, Styles/components/_icons.scss */
.icon-nav {
  width: 31px;
  height: 38px;
  margin-right: 2px;
  background-size: contain;
  display: inline-block; }

/* line 21, Styles/components/_icons.scss */
nav .icon-nav {
  width: calc(31px * .8);
  height: calc(38px * .8); }

/* line 1, Styles/components/_controls.scss */
::-webkit-input-placeholder {
  /* Edge */
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }

/* line 5, Styles/components/_controls.scss */
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }

/* line 9, Styles/components/_controls.scss */
::-webkit-input-placeholder {
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }
::-moz-placeholder {
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }
::-ms-input-placeholder {
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }
::placeholder {
  color: black !important;
  font-weight: 800;
  text-transform: uppercase; }

/* line 13, Styles/components/_controls.scss */
.uk-light input.uk-input {
  background-color: #b4c6ca;
  border-radius: 4px;
  border: transparent;
  margin: 5px 5px 5px 0;
  color: black;
  height: 22px;
  padding-left: 25px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  /* line 21, Styles/components/_controls.scss */
  .uk-light input.uk-input:focus {
    background-color: rgba(180, 198, 202, 0.5);
    color: white; }

/* line 27, Styles/components/_controls.scss */
.uk-light .uk-form-icon {
  color: black;
  width: 25px; }
  /* line 31, Styles/components/_controls.scss */
  .uk-light .uk-form-icon:hover {
    color: white; }
  /* line 35, Styles/components/_controls.scss */
  .uk-light .uk-form-icon svg {
    width: 16px;
    height: 16px; }

/* line 40, Styles/components/_controls.scss */
.uk-inline {
  padding-right: 5px; }

/* line 2, Styles/components/_card.scss */
.card-tableau .uk-card {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  top: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: white;
  margin-bottom: 20px;
  border: solid 1px #ddd;
  background-color: rgba(255, 255, 255, 0.5); }
  /* line 15, Styles/components/_card.scss */
  .card-tableau .uk-card:hover {
    top: -5px;
    left: -2px;
    -webkit-box-shadow: 10px 6px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 6px 10px 1px rgba(0, 0, 0, 0.2); }
  /* line 21, Styles/components/_card.scss */
  .card-tableau .uk-card .uk-label {
    text-align: center;
    background: transparent url(/images/topic-back.png) no-repeat center top;
    width: 70%;
    top: -21px;
    left: 0;
    padding: 0 15%;
    background-size: contain;
    height: 60px;
    color: white;
    font-weight: 700;
    white-space: normal;
    line-height: 12pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.8; }

/* line 42, Styles/components/_card.scss */
.card-tableau .uk-card-media-top {
  height: 200px;
  background-position-y: top;
  position: relative;
  overflow: hidden;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }
  /* line 50, Styles/components/_card.scss */
  .card-tableau .uk-card-media-top .uk-label {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 10px 0 5px;
    display: inline-table; }
  /* line 56, Styles/components/_card.scss */
  .card-tableau .uk-card-media-top .uk-text-lead {
    display: block;
    width: 100%;
    height: 200px;
    text-indent: -20000px;
    overflow: hidden; }

/* line 65, Styles/components/_card.scss */
.card-tableau .uk-card-header {
  padding: 10px; }
  /* line 68, Styles/components/_card.scss */
  .card-tableau .uk-card-header .uk-card-title {
    font-size: 12px;
    line-height: 14px;
    color: black;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 5px; }
  /* line 74, Styles/components/_card.scss */
  .card-tableau .uk-card-header .uk-text-lead {
    font-size: 14px;
    line-height: 16px;
    color: #33bff0;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none; }
    /* line 80, Styles/components/_card.scss */
    .card-tableau .uk-card-header .uk-text-lead:hover {
      color: #1e87f0;
      text-decoration: none; }

/* line 87, Styles/components/_card.scss */
.card-tableau .uk-card-body {
  padding: 0 10px;
  margin-bottom: 60px; }
  /* line 92, Styles/components/_card.scss */
  .card-tableau .uk-card-body .title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    margin: 0;
    font-size: 12px;
    line-height: 14px; }
  /* line 98, Styles/components/_card.scss */
  .card-tableau .uk-card-body .description {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    margin: 0;
    font-size: 12px;
    line-height: 14px; }

/* line 105, Styles/components/_card.scss */
.card-tableau .uk-card-footer {
  padding: 10px;
  margin: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  /* line 117, Styles/components/_card.scss */
  .card-tableau .uk-card-footer .uk-grid-small {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end; }
    /* line 121, Styles/components/_card.scss */
    .card-tableau .uk-card-footer .uk-grid-small div {
      font-size: 11px;
      line-height: 13px; }

/* line 132, Styles/components/_card.scss */
.card-tableau .article-card .uk-card-header .uk-text-lead span {
  font-size: 14px;
  line-height: 16px;
  color: #33bff0;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  /* line 136, Styles/components/_card.scss */
  .card-tableau .article-card .uk-card-header .uk-text-lead span.organization {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline;
    padding-right: 5px;
    margin-right: 5px;
    border-right: solid 2px #33bff0; }

/* line 146, Styles/components/_card.scss */
.card-tableau .article-card .uk-card-header .uk-text-lead:hover span {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #1e87f0; }
  /* line 150, Styles/components/_card.scss */
  .card-tableau .article-card .uk-card-header .uk-text-lead:hover span.organization {
    border-right: solid 2px #1e87f0; }

/* line 162, Styles/components/_card.scss */
.card-tableau .edu-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 172, Styles/components/_card.scss */
.card-tableau .quiz-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 179, Styles/components/_card.scss */
.card-tableau .quiz-result-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 186, Styles/components/_card.scss */
.card-tableau .survey-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 193, Styles/components/_card.scss */
.card-tableau .ad-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 200, Styles/components/_card.scss */
.card-tableau .gen-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

/* line 207, Styles/components/_card.scss */
.card-tableau .post-card {
  /*
		background-color: #aaa;
		opacity: .6;
		*/ }

@media (max-width: 959px) {
  /* line 220, Styles/components/_card.scss */
  .card-tableau .uk-card:hover {
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

/* line 1, Styles/components/_trending.scss */
.explore-trending {
  width: 75%;
  background-color: rgba(230, 230, 230, 0.5);
  border-radius: 4px;
  border: transparent;
  padding: 20px;
  margin: 40px auto 20px auto;
  border: solid 1px rgba(230, 230, 230, 0.8); }
  /* line 8, Styles/components/_trending.scss */
  .explore-trending h3 {
    font-size: 25px;
    line-height: 27px;
    color: #230f19;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 20px 0;
    margin-bottom: 10px; }
  /* line 17, Styles/components/_trending.scss */
  .explore-trending .uk-card-title a {
    font-size: 19px;
    line-height: 21px;
    color: #33bff0;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    /* line 24, Styles/components/_trending.scss */
    .explore-trending .uk-card-title a span {
      font-size: 19px;
      line-height: 21px;
      color: #33bff0;
      font-weight: 800;
      text-transform: uppercase;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    /* line 29, Styles/components/_trending.scss */
    .explore-trending .uk-card-title a svg {
      width: 30px;
      height: 30px;
      color: #33bff0; }
    /* line 34, Styles/components/_trending.scss */
    .explore-trending .uk-card-title a .icon-nav {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%);
      filter: invert(60%) sepia(97%) saturate(778%) hue-rotate(161deg) brightness(99%) contrast(91%); }
    /* line 40, Styles/components/_trending.scss */
    .explore-trending .uk-card-title a:hover span {
      color: #1e87f0;
      text-decoration: none; }
    /* line 45, Styles/components/_trending.scss */
    .explore-trending .uk-card-title a:hover .icon-nav {
      -webkit-filter: invert(38%) sepia(85%) saturate(1155%) hue-rotate(187deg) brightness(97%) contrast(94%);
      filter: invert(38%) sepia(85%) saturate(1155%) hue-rotate(187deg) brightness(97%) contrast(94%); }
  /* line 52, Styles/components/_trending.scss */
  .explore-trending .uk-card-body {
    padding: 10px; }
    /* line 55, Styles/components/_trending.scss */
    .explore-trending .uk-card-body .uk-list li {
      display: inline-block;
      margin: 0; }
    /* line 60, Styles/components/_trending.scss */
    .explore-trending .uk-card-body a {
      color: #230f19;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      /* line 64, Styles/components/_trending.scss */
      .explore-trending .uk-card-body a.uk-active, .explore-trending .uk-card-body a:hover {
        color: #33bff0;
        text-decoration: none; }
    /* line 71, Styles/components/_trending.scss */
    .explore-trending .uk-card-body .weight-1 {
      font-size: 11px;
      line-height: 21px; }
    /* line 75, Styles/components/_trending.scss */
    .explore-trending .uk-card-body .weight-2 {
      font-size: 14px;
      line-height: 21px;
      font-weight: 800; }
    /* line 79, Styles/components/_trending.scss */
    .explore-trending .uk-card-body .weight-3 {
      font-size: 19px;
      line-height: 21px;
      font-weight: 800; }

/* line 1, Styles/components/_sharing.scss */
.addthis_inline_share_toolbox {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

/* line 2, Styles/components/_modal.scss */
.uk-modal-dialog h2 {
  color: black; }

/* line 8, Styles/components/_modal.scss */
.apester-media {
  width: 375px;
  min-width: 375px;
  height: 662px;
  min-height: 662px;
  display: block !important; }