/* CSS Document */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

img,
img a {
  border: none; }

a {
  text-decoration: none; }

a:visited {
  color: hsla(200, 100%, 30%, 1); }

a:hover {
  color: hsla(240, 100%, 50%, 1);
  text-decoration: underline; }

a:active {
  color: hsla(240, 33%, 70%, 1); }

ol {
  list-style-type: none; }

ul {
  list-style-type: none; }

/* === Changing root font-size to 1rem === */
html {
  font-size: 62.5%; }

body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: hsla(0, 0%, 15%, 1); }

::-moz-selection {
  background-color: hsla(185, 86%, 36%, 0.9);
  color: hsla(0, 0%, 100%, 1); }

::selection {
  background-color: hsla(185, 86%, 36%, 0.9);
  color: hsla(0, 0%, 100%, 1); }

main {
  text-align: left; }

body {
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }

.genHeadMain {
  color: hsla(283, 100%, 33%, 1);
  font-style: italic;
  font-weight: bold;
  font-size: 3rem;
  text-align: left;
  margin: 2% 4%;
  letter-spacing: -.2rem; }

.italicHeadPurple {
  color: hsla(283, 100%, 33%, 1);
  font-style: italic;
  font-weight: bold;
  font-size: 3rem;
  text-align: left;
  margin: 2% 4%;
  letter-spacing: -.2rem; }

.midTopTxtMain {
  font-size: 1.8rem;
  text-indent: -2rem;
  margin: 1.5rem 1rem 1.5rem 2rem;
  line-height: 1.5;
  text-align: left; }

.genMainTxt {
  margin: 1.5rem;
  font-size: 1.6rem; }

.genMainTxt a {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out, padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out; }

.genMainTxt:hover a,
.genMainTxt:focus a,
.genMainTxt:active a {
  -webkit-transform: scale(1.02, 1);
  transform: scale(1.02, 1);
  background-color: hsla(197, 58%, 42%, 0.7);
  color: hsla(169, 100%, 98%, 0.96);
  border-radius: 1rem; }

.genMainInlineTxt {
  margin: 1.5rem;
  font-size: 1.6rem; }

.genMainInlineTxt a {
  text-decoration: none;
  padding: .3rem;
  border-radius: .5rem;
  transition: padding 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, border-radius 200ms ease-in-out; }

.genMainInlineTxt a:hover,
.genMainInlineTxt a:focus,
.genMainInlineTxt a:active {
  background-color: hsla(197, 58%, 42%, 0.7);
  color: hsla(169, 100%, 98%, 0.96);
  border-radius: 1rem; }

.genSubHeadRedCenter {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 3% 4%;
  color: hsla(359, 100%, 32%, 1);
  text-align: center; }

.genSubMidTxt {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 2%;
  color: hsla(359, 100%, 32%, 1); }

.genItalicStatement {
  font-size: 2rem;
  font-style: italic;
  margin: 1.4rem 1.6rem;
  line-height: 1.6;
  color: hsla(240, 2%, 18%, 1); }

.medAlertTxt {
  font-size: 2rem;
  margin: 2rem 1rem 0;
  line-height: 1.6; }

@media screen and (min-width: 45em) {
  .italicHeadPurple {
    margin: 2rem 12rem; }

  .genSubHeadRedCenter {
    margin: 3rem 10rem; }

  .genItalicStatement {
    margin: 1.5rem 12rem; } }
@media screen and (min-width: 45em) {
  .genMainTxt {
    margin: 1.5rem 4rem; }

  .genMainInlineTxt {
    margin: 1.5rem 4rem; } }
@media screen and (min-width: 50em) {
  .midTopTxtMain {
    font-size: 2rem;
    text-indent: -3rem;
    margin: 1.5rem 4rem; } }
.justAnotherHand {
  margin: 2rem 1.2rem;
  font-weight: 500;
  font-size: 3.6rem;
  font-family: 'Just Another Hand', cursive;
  color: #eb3b33;
  letter-spacing: .4rem;
  text-shadow: 0.1rem 0.1rem 0 hsla(0, 2%, 11%, 0.84); }

@media screen and (min-width: 46.25em) {
  .justAnotherHand {
    margin: 3rem 4rem;
    font-weight: 600;
    font-size: 5rem; } }
.mapPaddingTop {
  padding-top: 7rem; }

.genHundredPadBottom {
  padding-bottom: 10rem; }

/* ============= Buttons ================= */
.btnCenterContainer {
  margin: 5% auto;
  max-width: 92%;
  text-align: center; }

.btnContainer {
  margin: 2rem auto;
  max-width: 96%;
  text-align: center; }

a.btnTransAnalysis {
  clear: both;
  display: inline-block;
  padding: 1.5rem 2.5rem;
  text-decoration: none;
  font-size: 2rem;
  border-radius: 5rem;
  box-shadow: 0 1rem 2rem hsla(0, 0%, 58%, 0.9);
  color: hsla(0, 0%, 97%, 1);
  border: 0.3rem solid hsla(6, 63%, 43%, 1);
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  background-color: hsla(6, 63%, 46%, 1);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, color 200ms, box-shadow 200ms; }

.btnContainer:hover a.btnTransAnalysis,
.btnContainer:focus a.btnTransAnalysis,
.btnContainer:active a.btnTransAnalysis {
  background-color: hsla(5, 63%, 59%, 1);
  border: 0.3rem solid hsla(6, 63%, 33%, 1);
  color: hsla(0, 0%, 100%, 1);
  box-shadow: 0 1.5rem 2rem hsla(0, 0%, 64%, 0.8);
  -webkit-transform: scale(1.04, 1.04) translateY(-0.4rem);
  transform: scale(1.04, 1.04) translateY(-0.4rem); }

a.btnAqua {
  padding: 2% 4%;
  border-radius: 2rem;
  clear: both;
  display: inline-block;
  text-decoration: none;
  color: hsla(0, 0%, 97%, 1);
  box-shadow: 0 0.4rem 0.4rem hsla(0, 0%, 68%, 1);
  border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
  background-color: hsla(185, 86%, 36%, 0.9);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms; }

.btnCenterContainer:hover a.btnAqua,
.btnCenterContainer:focus a.btnAqua,
.btnCenterContainer:active a.btnAqua {
  background-color: hsla(185, 98%, 50%, 0.8);
  border: 0.3rem solid hsla(185, 50%, 40%, 0.9);
  color: hsla(0, 0%, 100%, 1);
  box-shadow: 0 0.2rem 0.2rem hsla(0, 0%, 68%, 1); }

a.btnPurple {
  padding: 2% 4%;
  border-radius: 4rem;
  clear: both;
  display: inline-block;
  text-decoration: none;
  color: hsla(0, 0%, 97%, 1);
  box-shadow: 0 0.5rem 0.5rem hsla(0, 0%, 68%, 1);
  border: 0.3rem solid hsla(299, 31%, 91%, 0.8);
  background-color: hsla(297, 52%, 34%, 0.9);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms; }

.btnCenterContainer:hover a.btnPurple,
.btnCenterContainer:focus a.btnPurple,
.btnCenterContainer:active a.btnPurple {
  background-color: hsla(299, 32%, 50%, 0.7);
  border: 0.3rem solid hsla(299, 94%, 31%, 0.7);
  color: hsla(0, 0%, 100%, 1);
  box-shadow: 0 0.2rem 0.2rem hsla(0, 0%, 68%, 1); }

.fontScheduleBtnTxt {
  font-size: 1.4rem; }

.btnSeminarContainer {
  max-width: 96%;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  margin: 5% auto;
  text-align: center; }

@-webkit-keyframes semBtnColor {
  0% {
    border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
    background-color: hsla(185, 86%, 36%, 0.9); }
  25% {
    border: 0.3rem solid hsla(299, 31%, 91%, 0.8);
    background-color: hsla(297, 52%, 34%, 0.9); }
  50% {
    border: 0.3rem solid hsla(6, 63%, 88%, 0.76);
    background-color: hsla(6, 63%, 46%, 0.9); }
  75% {
    border: 0.3rem solid hsla(299, 31%, 91%, 0.8);
    background-color: hsla(297, 52%, 34%, 0.9); }
  100% {
    border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
    background-color: hsla(185, 86%, 36%, 0.9); } }
@keyframes semBtnColor {
  0% {
    border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
    background-color: hsla(185, 86%, 36%, 0.9); }
  25% {
    border: 0.3rem solid hsla(299, 31%, 91%, 0.8);
    background-color: hsla(297, 52%, 34%, 0.9); }
  50% {
    border: 0.3rem solid hsla(6, 63%, 88%, 0.76);
    background-color: hsla(6, 63%, 46%, 0.9); }
  75% {
    border: 0.3rem solid hsla(299, 31%, 91%, 0.8);
    background-color: hsla(297, 52%, 34%, 0.9); }
  100% {
    border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
    background-color: hsla(185, 86%, 36%, 0.9); } }
.firstSeminarTxt {
  display: block;
  align-self: center;
  -webkit-animation: semFirstTxt 12s linear 0s infinite backwards;
  animation: semFirstTxt 12s linear 0s infinite backwards; }

@-webkit-keyframes semFirstTxt {
  0% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  28% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  31% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%); }
  33% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  95% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, 110%);
    transform: translate(-110%, 110%); }
  98% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    visibility: visible;
    opacity: 1.0;
    position: relative; } }
@keyframes semFirstTxt {
  0% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  28% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  31% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%); }
  33% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  95% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, 110%);
    transform: translate(-110%, 110%); }
  98% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    visibility: visible;
    opacity: 1.0;
    position: relative; } }
.secondSeminarTxt {
  display: block;
  -webkit-animation: semSecondTxt 12s linear 0s infinite backwards;
  animation: semSecondTxt 12s linear 0s infinite backwards; }

@-webkit-keyframes semSecondTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  28% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(110%, -110%);
    transform: translate(110%, -110%); }
  31% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  33% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  62% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  65% {
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%); }
  67% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; } }
@keyframes semSecondTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  28% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(110%, -110%);
    transform: translate(110%, -110%); }
  31% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  33% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  62% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  65% {
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%); }
  67% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; } }
.thirdSeminarTxt {
  display: block;
  -webkit-animation: semThirdTxt 12s linear 0s infinite backwards;
  animation: semThirdTxt 12s linear 0s infinite backwards; }

@-webkit-keyframes semThirdTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  62% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%); }
  65% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  67% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  95% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  98% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%); }
  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; } }
@keyframes semThirdTxt {
  0% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; }
  62% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute;
    -webkit-transform: translate(-110%, -110%);
    transform: translate(-110%, -110%); }
  65% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  67% {
    visibility: visible;
    opacity: 1.0;
    position: relative; }
  95% {
    visibility: visible;
    opacity: 1.0;
    position: relative;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  98% {
    -webkit-transform: translate(110%, 110%);
    transform: translate(110%, 110%); }
  100% {
    visibility: hidden;
    opacity: 0.0;
    position: absolute; } }
a.btnSeminar:hover,
a.btnSeminar:hover .firstSeminarTxt,
.firstSeminarTxt:hover,
a.btnSeminar:hover .secondSeminarTxt,
.secondSeminarTxt:hover,
a.btnSeminar:hover .thirdSeminarTxt,
.thirdSeminarTxt:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

a.btnSeminar {
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 100%;
  padding: 2rem 3rem;
  border-radius: 3rem;
  clear: both;
  text-decoration: none;
  color: hsla(0, 0%, 97%, 1);
  box-shadow: 0 0.4rem 0.4rem hsla(0, 0%, 68%, 1);
  -webkit-animation: semBtnColor 8s linear 0s infinite alternate;
  animation: semBtnColor 8s linear 0s infinite alternate;
  transition: border 200ms, color 200ms, box-shadow 200ms; }

a.btnSeminar:hover {
  border: 0.3rem solid hsla(185, 50%, 40%, 0.7);
  color: hsla(0, 0%, 100%, 1);
  box-shadow: 0 0.2rem 0.2rem hsla(0, 0%, 68%, 0.7); }

.mainProgramsBtnContainer {
  margin: 2rem 1.2rem;
  width: 90%;
  min-width: 20rem;
  display: flex;
  position: relative;
  align-self: stretch; }

a.mainProgramsStfBtn {
  display: block;
  background-image: url("/images/here/stf_logo_medium_btn.png");
  background-color: hsla(62, 60%, 50%, 0.1);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 15%;
  padding-bottom: 10%;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  text-decoration: none;
  color: hsla(297, 52%, 34%, 1);
  border: 0.2rem solid hsla(62, 20%, 34%, 0.4);
  box-shadow: 0 1rem 2rem hsla(0, 20%, 56%, 0.4);
  text-align: center;
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms; }

a.mainProgramsStfBtn:hover,
a.mainProgramsStfBtn:focus,
a.mainProgramsStfBtn:active {
  background-color: hsla(62, 80%, 90%, 0.4);
  border: 0.2rem solid hsla(62, 15%, 24%, 0.5);
  box-shadow: 0 1.5rem 2rem hsla(0, 20%, 60%, 0.5);
  text-align: center;
  -webkit-transform: scale(1.05, 1.05) translateY(-0.4rem);
  transform: scale(1.05, 1.05) translateY(-0.4rem); }

a.bootcampBtnRight {
  display: block;
  background-image: url("/images/here/fitness_bootcamp_btn.png");
  background-color: hsla(204,59%,83%,0.30);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 15%;
  padding-bottom: 10%;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  text-decoration: none;
  color: hsla(297, 52%, 34%, 1);
  border: 0.2rem solid hsla(297, 20%, 54%, 0.4);
  box-shadow: 0 1rem 2rem hsla(0, 20%, 56%, 0.4);
  text-align: center;
  -webkit-transform: scale(1, 1) translateY(0, 0);
  transform: scale(1, 1) translateY(0, 0);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms; }

a.bootcampBtnRight:hover,
a.bootcampBtnRight:focus,
a.bootcampBtnRight:active {
  background-color: hsla(297, 50%, 90%, 0.4);
  border: 0.2rem solid hsla(297, 20%, 44%, 0.5);
  box-shadow: 0 1.5rem 2rem hsla(0, 20%, 60%, 0.5);
  text-align: center;
  -webkit-transform: scale(1.05, 1.05) translateY(-0.4rem);
  transform: scale(1.05, 1.05) translateY(-0.4rem); }

.mainProgramsBtnTxt {
  display: block;
  width: 80%;
  position: relative;
  margin: 37% auto 2%;
  padding: 0;
  font-size: 2.4rem;
  font-weight: bold;
  text-shadow: 0.1rem 0.1rem 0.1rem hsla(0, 5%, 16%, 0.3); }

.sixWeekBelowSub {
  margin: 2rem 1.4rem;
  font-size: 2.2rem;
  line-height: 1.5; }

@media screen and (min-width: 18.88em) {
  .fontScheduleBtnTxt {
    font-size: 1.6rem; } }
@media screen and (min-width: 21.25em) {
  .fontScheduleBtnTxt {
    font-size: 1.8rem; }

  .mainProgramsBtnTxt {
    margin: 33% auto 4%; } }
@media screen and (min-width: 23.75em) {
  .fontScheduleBtnTxt {
    font-size: 2rem; } }
@media screen and (min-width: 35em) {
  .mainProgramsBtnContainer {
    width: 45.45%;
    min-width: 24rem; }

  .mainProgramsBtnTxt {
    margin: 37% auto 4%; } }
@media screen and (min-width: 37.5em) {
  .btnContainer {
    max-width: 92%; }

  .btnContainer a {
    padding: 2.4rem 2.8rem;
    border-radius: 10rem; }

  .btnCenterContainer {
    margin: 3% auto;
    max-width: 92%; }

  a.btnAqua {
    padding: 2% 4%; }

  .fontScheduleBtnTxt {
    font-size: 2.2rem; } }
@media screen and (min-width: 42.75em) {
  .btnSeminarContainer {
    font-size: 2rem; } }
@media screen and (min-width: 47.5em) {
  a.btnSeminar {
    padding: 3rem 6rem;
    border-radius: 5rem; }

  .mainProgramsBtnTxt {
    margin: 33% auto 2%; }

  .btnContainer {
    max-width: 88%; }

  .btnContainer a {
    padding: 3rem 3.2rem;
    font-size: 2.2rem; }

  .sixWeekBelowSub {
    margin: 3rem 8rem;
    font-size: 2.4rem; } }
.stfMainCenter {
  margin: 2.27% auto 2%;
  width: 45.45%;
  min-width: 24rem; }

.stfMainCenter a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%; }

.stfMainCenter a:hover {
  background-position: 100% 0; }

.pureBtcMainLeft {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block; }

.pureBtcMainLeft a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%; }

.pureBtcMainLeft a:hover {
  background-position: 100% 0; }

.bootcampBtcMainRight {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block; }

.bootcampBtcMainRight a {
  display: block;
  background: url("/images/here/bootcamp_stf_normal_all.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 120%;
  width: 100%; }

.bootcampBtcMainRight a:hover {
  background-position: 100% 0; }

.bootcampBtnRightPic {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  min-width: 24rem;
  display: inline-block; }

.bootcampBtnRightPic a {
  display: block;
  background: url("/images/here/bootcamp_stf_normal_all.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 95%;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden; }

.bootcampBtnRightPic a:hover {
  background-position: 100% 0; }

.stfBtnLeftPic {
  margin: 2.27% 1% 2%;
  width: 45.45%;
  display: inline-block;
  min-width: 24rem; }

.stfBtnLeftPic a {
  display: block;
  background: url("/images/here/stf_logo_stf_norrmal.jpg") no-repeat 0 0;
  background-size: 200%;
  padding-bottom: 100%;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden; }

.stfBtnLeftPic a:hover {
  background-position: 100% 0; }

/* ============= End Buttons ============== */
/* ============ General - Links =============== */
.btnDocsLarge {
  margin: 2% auto 2%;
  text-align: center; }

.btnDocsLarge a {
  clear: both;
  display: inline-block;
  padding: 3%;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.4rem;
  border-radius: 10rem;
  box-shadow: 0 .2rem .2rem #ADADAD;
  color: #F7F7F7;
  border: .2rem solid #b23528;
  background-color: #c0392b;
  transition: background-color 0.2s, border 0.2s, color 0.2s; }

.btnDocsLarge a:hover {
  background-color: #d96256;
  border: .2rem solid #88291f;
  color: #fff; }

.genLinkAloneBtc {
  font-size: 2rem;
  margin: 1.2rem; }

.genLinkAloneBtc a {
  display: block;
  padding: 1rem 2rem 1rem;
  text-decoration: none;
  transition: all 0.5s ease; }

.genLinkAloneBtc a:hover,
.genLinkAloneBtc a:focus {
  background-color: hsla(0, 0%, 0%, 0.05); }

.largeTopNotice {
  margin: 2% 5% 3% 5%;
  font-size: 2.4rem;
  line-height: 1.3; }

.largeEventsNotice {
  margin: 2% 5% 3% 5%;
  font-size: 2.8rem;
  line-height: 1.3; }

.largeEventsNotice a {
  color: hsla(359, 100%, 45%, 1); }

@media screen and (min-width: 46.25em) {
  .genLinkAloneBtc {
    font-size: 2rem;
    margin: 1.6rem 4rem; }

  .genLinkAloneBtc a {
    padding: 1rem 2rem 1rem; } }
/* =========== End General - Links ============= */
/* ========== Form - General viplist_Page ============ */
.generalFormHead {
  font-size: 2rem;
  margin: 0 auto 1.6rem;
  text-align: center;
  color: hsla(190, 30%, 22%, 0.8);
}

.generalForm {
  width: 90%;
  max-width: 70rem;
  margin: 3rem auto 4rem;
  border: 0.3rem solid hsla(0, 10%, 74%, 0.7);
  padding: 5% 3%;
  border-radius: 1rem;
  background-color: hsla(180, 5%, 93%, 0.7);
  box-shadow: 0 0.5rem 1rem hsla(0, 0%, 35%, 0.28);
}

.generalForm fieldset {
  margin: 1rem auto 2rem;
  border: none;
}

.generalLabel {
  display: block;
  width: 98%;
  font-size: 2rem;
  line-height: 1.5;
  margin: .5rem 0 1rem;
  text-align: left;
}

.generalLabel span {
  margin-left: 0;
}

.generalInput {
  display: block;
  width: 94%;
}

.generalInput input {
  height: 3.6rem;
  font-size: 2rem;
  width: 100%;
  padding: .7rem;
  border-radius: .5rem;
  border: 0.1rem solid hsla(0, 0%, 58%, 0.8);
  margin-bottom: 0;
}

.generalInput input[placeholder] {
  font-style: italic;
  font-size: 2rem;
  color: hsla(0, 0%, 42%, 1);
}

.generalSubmitInput {
  display: block;
  width: 94%;
  margin: 2.5rem auto 1.4rem;
}

.generalSubmitBtn {
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.3;
  background-color: hsla(4, 90%, 43%, 0.9);
  color: hsla(0, 100%, 100%, 1);
  padding: 1.6rem .8rem;
  border-radius: 4rem;
  box-shadow: 0 0.7rem 2.5rem hsla(0, 0%, 55%, 0.58);
  border: 0.2rem solid hsla(0, 0%, 74%, 0.6);
  text-shadow: 0.1rem 0.1rem 0.2rem hsla(0, 2%, 2%, 1);
  transition: -webkit-transform 200ms, transform 200ms, background-color 200ms, border 200ms, box-shadow 200ms, text-shadow 200ms;
}

.generalSubmitInput:hover .generalSubmitBtn,
.generalSubmitInput:focus .generalSubmitBtn,
.generalSubmitInput:active .generalSubmitBtn {
  background-color: hsla(4, 100%, 60%, 0.9);
  border: 0.2rem solid hsla(0, 10%, 44%, 0.9);
  box-shadow: 0 1.5rem 2.5rem hsla(0, 0%, 55%, 0.58);
  text-shadow: 0.1rem 0.1rem 0.4rem hsla(0, 2%, 2%, 1);
  -webkit-transform: scale(1.02, 1.02) translateY(-0.3rem);
  transform: scale(1.02, 1.02) translateY(-0.3rem);
  cursor: pointer;
}

@media screen and (min-width: 37.5em) {
  .generalFormHead {
    font-size: 2.4rem;
    margin: 0 auto 3rem;
  }

  .generalForm fieldset {
    margin: 1rem auto 3rem;
    border: none;
  }

  .generalLabel {
    display: inline-block;
    width: 30%;
    margin: .3rem 0 0;
  }

  .generalLabel span {
    margin-left: 25%;
  }

  .generalInput {
    display: inline-block;
    width: 60%;
  }

  .generalSubmitInput {
    width: 70%;
  }
}

/* ======== END Form - General viplist_Page ========== */
/* =========== General - Modals ============ */
.locationModalWindow {
  position: fixed;
  background-color: hsla(185, 50%, 20%, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.locationModalWindow:target {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.locationModalContent {
  max-height: 92vh;
  max-width: 92%;
  width: 92vw;
  position: absolute;
  padding: 1.5rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: hsla(0, 0%, 99%, 0.98);
  border-radius: 3rem;
}

.bcDocsContainer {
  width: 100%;
  height: 92vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.modalIframeStyles {
  position: relative;
  margin: 0;
  padding: 4vh 0 0 0;
  border: none;
  height: 84vh;
  width: 100%;
  z-index: 1;
}

.modalLoadingItem {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3rem;
  width: 20rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3.6rem;
  color: hsla(210, 10%, 12%, 1);
  border-radius: 1.5rem;
  border: 0.2rem solid hsla(0, 0%, 0%, 0.83);
  overflow: hidden;
}

.modalLoadingItem::before {
  content: ' ';
  position: absolute;
  height: 5rem;
  width: 22rem;
  top: -1rem;
  left: -22.2rem;
  border-radius: 1.5rem;
  background-color: hsla(192, 51%, 58%, 0.93);
  -webkit-animation: loadingModalDocs 5s linear 0s 7 backwards;
  animation: loadingModalDocs 5s linear 0s 7 backwards;
}

@-webkit-keyframes loadingModalDocs {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes loadingModalDocs {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.modalLoadingItem::after {
  content: 'L o a d i n g ';
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.8rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

a.locationModalClose {
  text-decoration: none;
  display: inline-block;
  position: absolute;
  font-size: 3rem;
  right: 1%;
  top: 1%;
  width: 3.8rem;
  height: 3.8rem;
  background-color: hsla(185, 86%, 36%, 0.9);
  color: hsla(189, 25%, 85%, 1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.4rem 0.4rem hsla(0, 0%, 68%, 1);
  border: 0.3rem solid hsla(185, 95%, 70%, 0.98);
  transition: background-color 200ms, border 200ms, color 200ms, box-shadow 200ms;
  z-index: 999;
}

a:hover.locationModalClose {
  background-color: hsla(185, 98%, 50%, 0.8);
  border: 0.3rem solid hsla(185, 50%, 40%, 0.9);
  color: hsla(0, 0%, 100%, 1);
  box-shadow: 0 0.2rem 0.2rem hsla(0, 0%, 68%, 1);
}

@media screen and (min-width: 56.25em) {
  a.locationModalClose {
    font-size: 4rem;
    right: -1%;
    top: -1%;
    width: 5rem;
    height: 5rem;
  }

  .locationModalContent {
    max-width: 100rem;
  }
}

/* ======== END - General - Modals ========= */

/* =========== Videos ============= */
.midVidContentMain {
  margin: 2rem auto;
  max-width: 80rem;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative; }

.midVidContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.videoHeadline {
  text-align: center;
  margin: 3rem 2rem 1rem;
  font-size: 2rem; }

.videoHeadline a {
  display: block;
  padding: 1.6rem;
  text-decoration: none; }

.videoHeadline a:hover,
.videoHeadline a:focus {
  background-color: hsla(0, 0%, 0%, 0.05);
  transition: all 0.5s ease; }

.vidImgDouble img {
  width: 98%;
  max-width: 45rem; }

.vidImgSingle img {
  width: 98%;
  max-width: 65rem; }

.vidImgSingleTall img {
  width: 98%;
  max-width: 45rem; }

@media screen and (min-width: 37.5em) {
  .videoHeadline {
    margin: 3rem 2rem 1rem;
    font-size: 2.2rem; } }
/* =========== End Videos ============= */
/* ========= Videos (from BTC) ============= */
.midVidBtcContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative; }

.midVidBtcContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.midVidStdContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  width: 100%;
  padding-bottom: 75%;
  height: 0;
  position: relative; }

.midVidStdContainerMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

/* ======== End Videos (from BTC) =========== */
/* ================ Audios ================= */
.midAudioContentMain {
  margin: 3% auto 2%;
  min-width: 24rem;
  padding: 5%;
  position: relative;
  text-align: center; }

/* ============= End Audios ================ */
/* ========= General - Headers ============== */
.headlinerLogin {
  margin: 2.27% auto;
  max-width: 80rem; }

.headlinerMain {
  margin: 2.27% 4.5%;
  max-width: 80rem; }

.headlineImg {
  padding-bottom: 27.5%;
  background-image: url(/images/here/stf_headliner_logo.png);
  background-size: cover;
  background-position: center; }

.headlineSixWeekImg {
  padding-bottom: 15%;
  background-image: url("/images/here/6weekbtc_headliner.png");
  background-size: cover;
  background-position: center; }

/* ======= END - General - Headers ========== */
/* === Remain above wholeContainer === */
.marginBotTwentyFiveTen {
  margin-top: 0; }

/* =========== Main-Outer-Layout ============ */
.standardResponsive {
  margin: 0;
  background-color: hsla(0, 0%, 90%, 0.1); }

.wholeContainer {
  margin: 5rem auto 0;
  max-width: 96rem;
  min-width: 24rem;
  width: 100%;
  background-color: hsla(100, 0%, 100%, 0.85);
  text-align: center;
  box-shadow: 0 0.3rem 0.8rem 0.3rem hsla(0, 0%, 0%, 0.1);
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  overflow: hidden; }

.wholeContainerCrlogin {
  margin: 0 auto;
  max-width: 200rem;
  min-width: 24rem;
  width: 100%;
  background-color: hsla(100, 0%, 100%, 0.8);
  text-align: center;
  box-shadow: 0 0.3rem 0.8rem 0.3rem hsla(0, 0%, 0%, 0.1);
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  overflow: hidden; }

@media screen and (min-width: 55.625em) {
  .wholeContainer {
    margin: 7rem auto 0; } }
/* ======== End Main-Outer-Layout ============ */
.marginBotTwentyFiveTen {
  margin-bottom: 38%; }

@media screen and (min-width: 23.75em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 25%; } }
@media screen and (min-width: 32.5em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 20%; } }
@media screen and (min-width: 45em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 15%; } }
@media screen and (min-width: 55em) {
  .marginBotTwentyFiveTen {
    margin-bottom: 10%; } }
.marginBottomFour {
  margin-bottom: 4%; }

/* ========== Main-General-Layout =========== */
.midTopContentMain {
  margin: 2rem 0 2rem .5rem;
  width: 98%;
  padding-left: .5rem; }

.genMidNoMarContent {
  margin: 2rem auto;
  width: 100%;
  font-size: 1.8rem; }

.genMidTopContent {
  margin: 2rem 0 2rem .5rem;
  width: 98%;
  font-size: 1.8rem;
  position: relative; }

@media screen and (min-width: 45em) {
  .midTopContentMain {
    margin: 2rem 0 2rem 3.5rem;
    width: 92%;
    padding-left: 3.5rem; }

  .genMidTopContent {
    margin: 2rem 0 2rem 3.5rem;
    width: 94%; } }
/* ======== End Main-General-Layout ========== */
.genFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.genFlexStandard {
  display: flex;
  flex-wrap: wrap; }

/* =============== Footer =================== */
.footerBottom {
  background-color: hsla(197, 58%, 80%, 0.95);
  padding: .5% 0;
  border-top: 0.2rem solid hsla(0, 0%, 50%, 0.25);
  position: fixed;
  width: 100%;
  z-index: 899;
  margin: 0 auto;
  bottom: 0;
  min-height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.forQuestionsFooter {
  font-weight: 300;
  font-size: 1.8rem;
  margin: 0 .8rem 0 1.5rem;
  padding: 0; }

.myCopyright {
  font-style: italic;
  font-weight: 300;
  font-size: 1.6rem;
  margin: 0 1.5rem 0 .8rem;
  padding: 0; }

.educateFooter {
  font-style: italic;
  font-weight: 300;
  font-size: 1.6rem;
  margin: 0 .8rem 0 2.5rem;
  padding: 0; }

.educateFooter a {
  text-decoration: none; }

@media screen and (min-width: 57.5em) {
  .footerBottom {
    max-height: 6rem; }

  .forQuestionsFooter {
    margin: 0 .8rem; }

  .myCopyright {
    margin: 0 .8rem; }

  .educateFooter {
    margin: 0 .8rem 0 1.5rem; } }
/* =========== End Footer ================== */
.ornamentLine {
  margin: 2.4rem 15%;
  clear: both;
  position: relative; }

.ornamentPosition {
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.hrEighty {
  width: 80%;
  margin: 1rem auto; }

/* ============= Colors ============= */
.genPurple {
  color: hsla(297, 52%, 34%, 0.9); }

.genAqua {
  color: hsla(185, 86%, 36%, 0.9); }

.genBlue {
  color: hsla(226, 100%, 55%, 0.9); }

.genRed {
  color: hsla(4, 100%, 43%, 0.9); }

.genGreen {
  color: hsla(157, 100%, 38%, 0.9); }

.genBrightWhite {
  color: hsla(0, 0%, 100%, 1); }

/* ========== END - Colors ============ */
/* =========== Margins ============ */
.genMarginTopOne {
  margin-top: 1rem; }

.genMarginTopTwo {
  margin-top: 2rem; }

.genMarginTopThree {
  margin-top: 3rem; }

.genMarginTopFour {
  margin-top: 4rem; }

.genMarBottomOne {
  margin-bottom: 1rem; }

.genMarBottomTwo {
  margin-bottom: 2rem; }

.genMarBottomThree {
  margin-bottom: 3rem; }

.genMarBottomFour {
  margin-bottom: 4rem; }

.genMarginZeroAuto {
  margin: 0 auto; }

.genSideMarginFive {
  margin: 0 5%; }

.genMarLeftTwo {
  margin-left: 2rem; }

.genMarLeftFour {
  margin-left: 4rem; }

.genMarLeftSix {
  margin-left: 6rem; }

.genMarLeftEight {
  margin-left: 8rem; }

.genMarLeftTen {
  margin-left: 10rem; }

.genMarLeftTwelve {
  margin-left: 12rem; }

/* =========== END - Margins ============ */
/* =========== Text Align ============ */
.genAlignLeft {
  text-align: left; }

.genAlignRight {
  text-align: right; }

.genCenter {
  text-align: center; }

/* ======== END - Text Align =========== */
/* ========== Font Sizes ============ */
.fontTwelve {
  font-size: 1.2rem; }

.fontFourteen {
  font-size: 1.4rem; }

.fontSixteen {
  font-size: 1.6rem; }

.fontEighteen {
  font-size: 1.8rem; }

.fontTwenty {
  font-size: 2rem; }

.fontTwentyTwo {
  font-size: 2.2rem; }

.fontTwentyFour {
  font-size: 2.4rem; }

.fontThirty {
  font-size: 3rem; }

.fontForty {
  font-size: 4rem; }

.fontFifty {
  font-size: 5rem; }

.fontSixty {
  font-size: 6rem; }

.fontSeventy {
  font-size: 7rem; }

/* ======== END - Font Sizes ========== */
.visibilityHidden {
  visibility: hidden; }

.underLineWithBorder {
  padding-bottom: .2rem;
  border-bottom: 0.1rem solid hsla(202, 10%, 16%, 0.91); }

.genUppercase {
  text-transform: uppercase; }

.redTxt {
  color: hsla(359, 100%, 50%, 1); }

.borderRadiusForty {
  border-radius: 4rem; }

/* =========== ClearFix ========== */
.group {
  zoom: 1; }

.group::before,
.group::after {
  content: " ";
  display: table; }

.group::after {
  clear: both; }

/* =========== END ClearFix ========== */