body {
  position: relative;
}

.ts-section {
  margin-bottom: 1rem;
}

/* Additional activities stuff */
.activity-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: middle;
      -ms-flex-align: middle;
          align-items: middle;
  position: relative;
  width: 100%;
}

.activity-tabs .activity-tab-controller {
  position: relative;
  margin-right: 1em;
  width: 25%;
  cursor: pointer;
  border: 2px solid transparent;
}

.activity-tabs .activity-tab-controller:hover, .activity-tabs .activity-tab-controller.active {
  /*border-color: #009073;
  -webkit-box-shadow: 0 0 4px 0 #009073;
          box-shadow: 0 0 4px 0 #009073;*/
}

.activity-tabs .activity-tab-controller .at-inner {
  position: relative;
  width: 100%;
}

.activity-tabs .activity-tab-controller .activity-tab-label {

  /*background-color: rgba(0, 0, 0, 0.35);*/
}

.activity-tabs .activity-tab-controller .activity-tab-label .atl-tbl, .activity-tabs .activity-tab-controller .activity-tab-label .atl-tc {
  position: relative;
  height: 100%;
  width: 100%;
}

.activity-tabs .activity-tab-controller .activity-tab-label .atl-tbl {
  display: table;
  text-align: center;
}

.activity-tabs .activity-tab-controller .activity-tab-label .atl-tc {
  display: table-cell;
  vertical-align: middle;
}

.activity-tabs .activity-tab-controller .activity-tab-label .atl-tci {
  padding: 0.5em;
  line-height: 1.2;
  font-weight: 700;
}

.activity-tabs .activity-tab-controller .activity-tab-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.activity-tab {
  display: none;
}

.activity-tab {
  font-size: 0.85rem;
}

.activity-tab.introduction {
  text-align: center;
  padding: 1rem;
  margin: 1rem 0;
  border: 2px solid #009073;
  font-size: 1.2rem;
  font-weight: 700;
  color: #009073;
}

.activity-tab h1, .activity-tab h2, .activity-tab h3, .activity-tab h4, .activity-tab h5, .activity-tab h6 {
  font-family: inherit;
  font-weight: 600;
  color: inherit;
}

.activity-tab h1 {
  font-size: 1.5rem;
}

.activity-tab h2 {
  font-size: 1.35rem;
}

.activity-tab h3, .activity-tab h4 {
  font-size: 1.2rem;
}

.activity-tab h5, .activity-tab h6 {
  font-size: 1rem;
}

.activity-tab.active {
  display: block;
  padding: 1rem 0;
}

.launch-activity {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 2px solid #FDC317;
}

.la-themes {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.la-themes.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
}

.la-themes .activity-theme {
  position: relative;
  width: 200px;
  border: 2px solid transparent;
  margin-right: 1rem;
}

.la-themes .activity-theme:hover {
  border-color: #FDC317;
}

.la-themes .activity-theme a:hover {
  text-decoration: none;
}

.la-themes .activity-theme .at-inner {
  position: relative;
  width: 100%;
  padding-bottom: 70%;
}

.la-themes .activity-theme .at-inner .at-dest {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.la-themes .activity-theme .at-inner .at-center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.la-themes .activity-theme .at-inner .at-tbl {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}

.la-themes .activity-theme .at-inner .at-tc {
  position: relative;
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em;
  line-height: 1.2;
  color: white;
  font-weight: 700;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
}

.la-themes .activity-theme .at-inner .at-image-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.la-themes .activity-theme .at-inner .at-image-container .at-image {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.la-theme-controller {
  cursor: pointer;
}

.login-forgot-password {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
}

.container-fluid .as-section {
  margin-bottom: 2rem;
}
.container-fluid .as-section:last-of-type {
  margin-bottom: 0rem;
}

.vt-row {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.vt-row .vt-column {
  position: relative;
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.vt-row .vt-column img {
  max-width: 100%;
}