@charset "UTF-8";
@import url("esv1uhr.css");
@font-face {
  font-family: "Roboto Black";
  src: url(../roboto-black.html) format("truetype");
}
@font-face {
  font-family: "Roboto BlackItalic";
  src: url(../roboto-blackitalic.html) format("truetype");
}
@font-face {
  font-family: "Roboto Bold";
  src: url(../roboto-bold.html) format("truetype");
}
@font-face {
  font-family: "Roboto BoldCondensed";
  src: url(../roboto-boldcondensed.html) format("truetype");
}
@font-face {
  font-family: "Roboto BoldCondensedItalic";
  src: url(../roboto-boldcondenseditalic.html) format("truetype");
}
@font-face {
  font-family: "Roboto BoldItalic";
  src: url(../ttf/roboto-bolditalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../ttf/roboto-condensed.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto CondensedItalic";
  src: url(../ttf/roboto-condenseditalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Light";
  src: url(../ttf/roboto-light.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto LightItalic";
  src: url(../ttf/roboto-lightitalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Medium";
  src: url(../ttf/roboto-medium.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto MediumItalic";
  src: url(../ttf/roboto-mediumitalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Regular";
  src: url(../ttf/roboto-regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Thin";
  src: url(../ttf/roboto-thin.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto ThinItalic";
  src: url(../ttf/roboto-thinitalic.ttf) format("truetype");
}
@font-face {
  font-family: "Futura";
  src: url(../ttf/futuralt.ttf) format("truetype");
}
:root {
  --text-color-header: #fff;
  --text-color-body: #6d5d58;
  --hover-color-class: #242f64;
  --text-family-header: baskerville-urw, serif;
  --text-family-body: futura-pt, sans-serif;
  --text-size-header1: 1.5625rem;
  --text-size-header2: 1.875rem;
  --text-size-header3: 1.5625rem;
  --text-size-header4: 1.375rem;
  --text-size-header5: 1.1875rem;
  --text-size-body: 1rem;
  --bg-body: #d7d2cf;
  --hero-height: calc(75vh - 246px);
}
@media (orientation: landscape) and (max-width: calc($lg - 1px)) {
  :root {
    --hero-height: calc(100vh - 115px);
  }
}
@media (min-width: 768px) {
  :root {
    --text-size-header1: 3.125rem;
  }
}
@media (min-width: 992px) {
  :root {
    --text-size-header1: 4.0625rem;
    --text-size-header2: 3.125rem;
    --text-size-header3: 1.6875rem;
    --text-size-header4: 1.375rem;
    --text-size-header5: 1.1875rem;
    --text-size-body: 1.4375rem;
    --hero-height: 500px;
  }
}
@media (min-width: 1200px) {
  :root {
    --text-size-header1: 6.0625rem;
  }
}

body {
  display: none;
}
body.js-processed {
  display: block;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custombg-home {
  background-image: url(../bg_homeoffice_withtext.html) !important;
}
.header .navbar-light .navbar-brand svg {
  width: 100%;
}
header .navbar-brand {
  width: 100px !important;
}
.uppercase {
  text-transform: uppercase;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--text-family-body);
  width: 100%;
}

body.homeOffice.dancelibray.competed-classes .content-body {
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
  min-height: calc(100% - 204px);
}
body.homeOffice.dancelibray.competed-classes .content-body .container {
  height: initial !important;
}

body.homeOffice.dancelibray.competed-classes footer {
  position: relative;
}

.class-room-learnmore-btn {
  border-radius: 50vh;
  padding: 5px 20px;
  margin-bottom: 0px;
  border: solid 1px #ccc;
}

.close-btn.x-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 22px;
  position: absolute;
  right: -20px;
  background-color: rgba(64, 74, 82, 0.9);
  color: #333;
  top: -40px;
}
.close-btn.x-btn i {
  display: block;
}
.close-btn.x-btn:hover {
  text-decoration: none;
}

.class-room-learnmore-excerpt {
  display: none;
  margin-top: 0;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 12px;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

body {
  position: initial !important;
}

body.homeOffice.prescriptionOffice .content-body .quiz {
  position: relative;
}
body.homeOffice.prescriptionOffice .content-body .quiz a {
  color: #fff;
}
body.homeOffice.prescriptionOffice .content-body .quiz .x-btn {
  top: -20px;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed {
  margin-top: 10px !important;
  padding-top: 20px;
  padding-bottom: 5px;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .form-group {
  margin-bottom: 5px;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .form-group label {
  margin-bottom: 5px;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .form-control {
  border-radius: 0px;
  font-size: 18px;
  height: 40px !important;
  padding: 5px;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .nice-select {
  max-height: 40px !important;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .nice-select .list li {
  font-size: 18px;
  height: 40px;
  border-top: solid 1px #2f343a;
  line-height: 40px;
  padding-left: 10px;
  position: relative;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .styled-select {
  background-position: right center !important;
}
body.homeOffice.prescriptionOffice .content-body .quiz.condensed .styled-select .current {
  margin-top: 10px;
  line-height: 40px;
  margin-left: 5px !important;
}

.posRelative {
  position: relative !important;
  top: 0 !important;
  padding-bottom: 70px;
}

.overflownhidden {
  overflow-x: hidden;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
  /* Margin bottom by footer height */
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  /* Set the fixed height of the footer here */
}

form a {
  color: #23b0ff;
}

form .error {
  background-color: #f00;
  color: #fff;
  right: 0;
  padding: 5px;
  font-size: 12px;
  position: absolute;
  margin-right: 5px;
}

.survey-quiz .content-body {
  position: relative !important;
  top: 0 !important;
  padding-bottom: 100px;
}

form .form-group {
  position: relative;
}

form, .quiz.subscription {
  position: relative;
}

form .loading, .quiz.subscription .loading, .loading, .quiz.subscription .loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0px;
  display: flex;
  align-items: center;
}

.quiz.subscription .loading {
  margin: 0;
}

.quiz.subscription #ta-zype-card-element, .my-profile-form #ta-zype-card-element {
  background-color: #fff;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}

.disclaimer {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #a1aba8;
  line-height: normal;
}
.disclaimer a {
  color: #fff;
}
.disclaimer a:hover {
  color: #ff;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
form .loading .text, .quiz.subscription .loading .text, .loading .text {
  width: 100%;
  text-align: center;
}

body.homeOffice.prescriptionOffice .content-body .quiz .nice-select.nice-select-float .list {
  position: absolute;
}

ul.inline-nav {
  margin: 0;
  padding: 0;
  margin-left: 5px;
  list-style: none;
}
ul.inline-nav li {
  display: inline-block;
}
ul.inline-nav li a {
  display: block;
  padding: 5px;
}

.sub-menu {
  margin-top: 60px;
}
.sub-menu ul.inline-nav {
  margin-right: 10px;
  margin-left: auto;
  text-align: right;
}
.sub-menu ul.inline-nav a {
  color: #333;
  font-size: 24px;
  padding: 0px 10px;
  border-right: solid 1px #333;
  background-color: rgba(255, 255, 255, 0.8);
}
.sub-menu ul.inline-nav a:hover {
  text-decoration: none;
}
.sub-menu ul.inline-nav li:last-child a {
  border: none;
}

.the-prescription {
  text-align: left;
  margin: 50px;
  font-size: 16px;
}
.the-prescription .line1 {
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  text-transform: capitalize;
}
.the-prescription .line2 {
  font-family: futura-pt, sans-serif;
  font-weight: bold;
}
.the-prescription textarea {
  width: 100%;
  height: 200px;
  padding: 10px;
}

a:hover {
  cursor: pointer;
}

.text-light {
  color: #969696 !important;
}

.form-control:focus {
  border-color: transparent !important;
  box-shadow: none;
}

.back-to-home {
  margin-left: 30px;
  margin-top: 20px;
  color: #333;
}
.back-to-home a {
  color: #333;
}

.btn.btn-primary {
  border-radius: 0;
  background-color: #ee5e22;
  border: none;
}
.btn.btn-primary:active {
  background-color: #ee5e22 !important;
  border-color: transparent !important;
}
.btn.btn-primary:focus {
  box-shadow: none !important;
}
.btn.btn-primary:disabled {
  cursor: not-allowed;
}

body.lockerroom {
  background-image: url(../bg_lockerroom.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left 160px;
}
body.lockerroom .right-col .right-col-content {
  padding: 20px 0px;
}
body.lockerroom .right-col .right-col-content .login-btn {
  width: 100%;
  padding: 15px;
}
body.lockerroom .right-col .right-col-content .info-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.lockerroom .right-col .right-col-content .info-box .info-box-header {
  background-color: #1f2732;
  color: #b3c0d0;
  padding: 10px;
  font-size: 16px;
}
body.lockerroom .right-col .right-col-content .info-box .info-box-content {
  border: solid 1px #e4e4e4;
  background-color: #fff;
  padding: 10px;
  font-size: 14px;
}
body.lockerroom .right-col .right-col-content .forum-statistics .col-right {
  text-align: right;
}
body.lockerroom .right-col .right-col-content .forum-statistics .col-left {
  color: #969696;
}
body.lockerroom .content-body .content {
  padding: 20px;
  background-color: #f6f6f6;
}
body.lockerroom .content-body .content .header-row {
  margin-top: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
body.lockerroom .content-body .content .header-row .header-bg {
  width: 70%;
  background-image: url(../png/lockerroom-header-bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right top;
  min-height: 126px;
}
body.lockerroom .content-body .content .header-row .header-bg .padding {
  padding: 10px;
}
body.lockerroom .content-body .content .header-row .header-bg h1 {
  padding: 10px;
  color: #fff;
  font-size: 60px;
  font-family: futura-pt, sans-serif;
}
body.lockerroom .content-body .content .header-row .blue-box-link {
  background-color: #1f2732;
  display: block;
  color: #fff;
  width: 10%;
  border-left: solid 15px #fff;
  text-align: center;
  position: relative;
}
body.lockerroom .content-body .content .header-row .blue-box-link label {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}
body.lockerroom .content-body .content .header-row .blue-box-link label .fa, body.lockerroom .content-body .content .header-row .blue-box-link label .fas {
  display: block;
  font-size: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
}
body.lockerroom .content-body .content .header-row .blue-box-link .ratio {
  margin-top: 100%;
  pointer-events: none;
}
body.lockerroom .content-body .content .header-row .blue-box-link:hover {
  pointer: cursor;
}
body.lockerroom .content-body .content .blue-header-row {
  color: #fff;
  font-size: 14px;
  margin-top: 5px;
  background-color: #1f2732;
}
body.lockerroom .content-body .content .blue-header-row ul li a {
  color: #b3c0d0;
  display: block;
  padding: 5px;
}
body.lockerroom .content-body .content .expand-btn {
  float: right;
}
body.lockerroom .content-body .content .breadcrumbs-row {
  margin-top: 20px;
}
body.lockerroom .content-body .content .breadcrumbs-row ul li a {
  color: #1f2732;
  display: block;
  font-size: 14px;
  padding: 5px;
  padding-right: 20px;
  position: relative;
}
body.lockerroom .content-body .content .breadcrumbs-row ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #dcdcdc;
  position: absolute;
  right: 0;
  margin-right: 5px;
  top: 0px;
  margin-top: 10px;
}
body.lockerroom .content-body .content .breadcrumbs-row ul li a.active {
  color: #23b0ff;
}
body.lockerroom .content-body .content .breadcrumbs-row ul li:last-child a:after {
  display: none;
}
body.lockerroom .content-body .content .forum-row {
  padding: 10px;
}
body.lockerroom .content-body .content .forum-row h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
body.lockerroom .content-body .content .forum-row .category {
  margin-bottom: 15px;
}
body.lockerroom .content-body .content .forum-row .category .category-header {
  background-color: #8ac8af;
  color: #fff;
  padding: 10px;
}
body.lockerroom .content-body .content .forum-row .category .category-row {
  background-color: #fff;
  margin: 0px 0;
  border-bottom: solid 1px #e4e4e4;
  border-left: solid 1px #e4e4e4;
  border-right: solid 1px #e4e4e4;
}
body.lockerroom .content-body .content .forum-row .category .category-row .col-1 img {
  width: 100% !important;
  height: auto;
  display: block;
}
body.lockerroom .content-body .content .forum-row .category .category-row .category-info {
  padding: 15px 0px;
  margin-left: -15px;
}
body.lockerroom .content-body .content .forum-row .category .category-row .category-info .forum-name {
  font-family: futura-pt, sans-serif;
  font-weight: bold;
}
body.lockerroom .content-body .content .forum-row .category .category-row .category-info .forum-name a {
  font-size: 18px;
  line-height: 18px;
  color: #212529;
}
body.lockerroom .content-body .content .forum-row .category .category-row .category-info .meta-item {
  font-size: 12px;
  color: #969696;
}
body.lockerroom .content-body .content .forum-row .category .category-row .category-info .meta-item .value {
  color: #000;
}
body.lockerroom .content-body .content .forum-row .category .category-row .fa-rss-square {
  color: #fe8029;
  font-size: 22px;
}
body.lockerroom .content-body .content .forum-row .category .category-row .forum-info {
  display: flex;
  align-items: center;
}
body.lockerroom .content-body .content .forum-row .category .category-row .forum-info a.rss {
  display: block;
  margin-right: 5px;
}
body.lockerroom .content-body .content .forum-row .category .category-row .forum-info .sub-info {
  margin-left: 10px;
  font-size: 13px;
}
body.lockerroom .content-body .content .forum-row .category .category-row .forum-info .sub-info a {
  color: #23b0ff;
}

body.homeOffice {
  background-image: url(../bg_homeoffice.html);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left 160px;
  position: relative;
}
body.homeOffice.dancelibray {
  background-image: url(../bg_classes.html);
  background-position: left 30px;
}
body.homeOffice.dancelibray .content-body {
  padding-bottom: 40px;
}
body.homeOffice.dancelibray .content-body h1 {
  color: #1a2129;
  font-family: futura-pt, sans-serif;
  font-weight: 100;
  margin-top: 10px;
}
body.homeOffice.dancelibray .content-body .sub-menu {
  margin-top: 10px;
  margin-right: 20px;
  font-size: 16px;
  line-height: normal;
}
body.homeOffice.dancelibray .content-body .library {
  padding: 30px;
}
body.homeOffice.dancelibray .content-body .library .library-item {
  display: block;
  color: #333;
  padding-bottom: 40px;
}
body.homeOffice.dancelibray .content-body .library .library-item:hover {
  text-decoration: none;
}
body.homeOffice.dancelibray .content-body .library .library-item .thumbnail img {
  width: 100% !important;
  height: auto !important;
}
body.homeOffice.dancelibray .content-body .library .library-item .title {
  font-size: 22px;
  margin-top: 5px;
}
body.homeOffice.dancelibray.playlist .content-body {
  position: relative;
  top: 0;
}
body.homeOffice.classrooms {
  background-image: url(../bg_classes.html);
}
body.homeOffice.classrooms.dancelibray .content-body {
  margin-top: 0px;
}
body.homeOffice.classrooms .content-body {
  margin-top: 0;
  position: relative;
  margin-top: 80px;
  top: 0;
  padding-bottom: 50px;
}
body.homeOffice.classrooms .content-body h1 {
  color: #1a2129;
  font-family: futura-pt, sans-serif;
}
body.homeOffice.classrooms .content-body .pick-your-equipment {
  padding-bottom: 80px;
  position: relative;
  height: 100%;
  background-color: #f5f5f9;
}
body.homeOffice.classrooms .content-body .pick-your-equipment .shop-now {
  position: absolute;
  width: 100%;
  bottom: 0;
}
body.homeOffice.classrooms .content-body .pick-your-equipment h3 {
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
}
body.homeOffice.classrooms .content-body .pick-your-equipment a.equipment-item {
  padding: 10px;
  display: block;
  line-height: normal;
  color: #333;
}
body.homeOffice.classrooms .content-body .pick-your-equipment a.equipment-item:hover {
  text-decoration: none;
}
body.homeOffice.classrooms .content-body .pick-your-equipment a.equipment-item .title {
  margin-left: 5px;
  font-size: 18px;
}
body.homeOffice.classrooms .content-body .pick-your-equipment a.equipment-item .sub-title {
  margin-left: 5px;
  font-size: 16px;
}
body.homeOffice.classrooms .content-body .pick-your-equipment .shop-now {
  padding: 10px;
}
body.homeOffice.classrooms .content-body .pick-your-equipment .shop-now .btn-shop-now {
  display: block;
  width: 100%;
  padding: 15px;
  -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
  box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
}
body.homeOffice.classrooms .content-body .classrooms-wrapper {
  padding: 30px;
  position: relative;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper *:focus {
  outline: none !important;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .carousel-nav {
  position: relative;
  z-index: 100;
  display: table;
  width: 100%;
  top: 250px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .slick-slide {
  height: initial !important;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .next, body.homeOffice.classrooms .content-body .classrooms-wrapper .prev {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 2px #fff;
  text-align: center;
  padding: 5px;
  color: #fff;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .next.slick-disabled, body.homeOffice.classrooms .content-body .classrooms-wrapper .prev.slick-disabled {
  display: none !important;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .next {
  right: -30px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .prev {
  left: -30px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper h2 {
  text-align: center;
  padding: 10px;
  padding-top: 12px;
  -webkit-box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
  box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
  margin: -10px;
  margin-right: 0px;
  position: relative;
  font-size: 30px;
  font-weight: 400;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper h2 .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0px 0 10px;
  border-color: #007bff transparent transparent transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -20px;
  filter: brightness(60%);
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .beginner h2 {
  background-color: #ffb2e0;
  color: #b6598e;
  position: relative;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .beginner h2:after {
  border-color: #b8638c transparent transparent transparent;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .intermediate h2 {
  background-color: #b2ddff;
  color: #6192ba;
  position: relative;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .intermediate h2:after {
  border-color: #5d92bc transparent transparent transparent;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .advanced h2 {
  background-color: #b2ffb7;
  color: #5cb863;
  position: relative;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .advanced h2:after {
  border-color: #5db966 transparent transparent transparent;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser {
  text-align: center;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .col-bg {
  background-color: #fff;
  margin: 5px;
  padding-bottom: 40px;
  min-height: 460px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .thumbnail {
  margin-top: 10px;
  padding: 20px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .thumbnail img {
  width: 100% !important;
  height: auto !important;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .title {
  padding: 0px 20px;
  font-size: 24px;
  text-align: center;
  line-height: normal;
  margin-bottom: 20px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .excerpt {
  padding: 0px 20px;
  text-align: left;
  font-size: 16px;
  text-align: center;
  line-height: normal;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper {
  background-color: #30353b;
  padding: 20px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .left-col {
  color: #fff;
  padding-bottom: 20px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .left-col .title {
  margin-top: 20px;
  font-size: 24px;
  text-align: left;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .left-col .excerpt {
  text-align: left;
  font-size: 16px;
  line-height: normal;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col {
  position: relative;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .see-all {
  position: absolute;
  bottom: 0;
  font-size: 18px;
  margin-left: 20px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .see-all a {
  color: #fff;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col h3 {
  text-align: left;
  font-size: 18px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .up-next {
  border-bottom: solid 1px #5c6069;
  margin-bottom: 10px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .teaser-small {
  color: #fff;
  margin-left: 20px;
  text-align: center;
  padding-bottom: 10px;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .teaser-small .thumbnail img {
  width: 100% !important;
  height: auto !important;
}
body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .teaser-small .title {
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}
body.homeOffice.prescriptionOffice {
  background-image: url(../bg_prescriptionoffice.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left 0px;
}
body.homeOffice.prescriptionOffice.profile-info .content-body .quiz {
  margin-top: 50px;
  margin-bottom: 50px;
}
body.homeOffice.prescriptionOffice.profile-info .content-body .quiz .nice-select {
  margin-top: 0px;
  border-radius: 0;
  max-width: initial;
}
body.homeOffice.prescriptionOffice.profile-info .content-body .quiz .form-row {
  text-align: left;
}
body.homeOffice.prescriptionOffice.profile-info .content-body .quiz label {
  color: #a1aba8;
}
body.homeOffice.prescriptionOffice.profile-info .content-body .quiz .form-control {
  border-radius: 0px;
  font-size: 18px;
  height: 50px;
}
body.homeOffice.prescriptionOffice .content-body h1 {
  color: #1a2129;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards {
  width: 34%;
  margin-left: 30px;
  margin-top: 10px;
  text-decoration: none;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f5f4f9;
  -webkit-box-shadow: 0px 0px 60px -42px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 0px 60px -42px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 0px 60px -42px rgba(0, 0, 0, 0.31);
  padding: 20px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.blue {
  background-color: #4b98e1;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.blue a {
  color: #fff;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.blue a:hover {
  text-decoration: none;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.blue .username {
  color: #fff !important;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.blue .right-col {
  font-size: 30px;
  margin-right: 20px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.plain {
  background-color: #f5f5f9;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.plain a:hover {
  text-decoration: none;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.plain .right-col {
  font-size: 30px;
  margin-right: 20px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.plain .right-col .fa, body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card.plain .right-col .fas {
  color: #333;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card:hover {
  text-decoration: none;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .left-col {
  width: 65px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .left-col img {
  width: 100% !important;
  height: auto !important;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .center-col {
  min-width: 50%;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .center-col .username {
  color: #333;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 22px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .center-col .manage-account {
  color: #73777a;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .right-col {
  width: 100%;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .right-col .level {
  color: #3ea3d9;
  font-size: 26px;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .right-col .level .value {
  font-size: 70px;
  line-height: 68px;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .right-col .status-bar {
  background-color: #1a2129;
  height: 20px;
  width: 100%;
}
body.homeOffice.prescriptionOffice .content-body .prescription-cards .prescription-card .right-col .status-bar .value {
  background-color: #42a5dc;
  height: 100%;
}
body.homeOffice.prescriptionOffice .content-body .quiz {
  background-color: rgba(64, 74, 82, 0.9);
  text-align: center;
  color: #fff;
  padding: 40px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .survey-questions {
  margin-top: 0px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .survey-questions input {
  max-width: 400px;
  margin: auto;
}
body.homeOffice.prescriptionOffice .content-body .quiz h2 {
  font-size: 22px;
}
body.homeOffice.prescriptionOffice .content-body .quiz h3 {
  font-size: 16px;
  color: #6d7874;
}
body.homeOffice.prescriptionOffice .content-body .quiz .steps-wrapper {
  display: inline-block;
  margin: auto;
}
body.homeOffice.prescriptionOffice .content-body .quiz .steps {
  display: flex;
  position: relative;
  margin-top: 50px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .steps .line {
  position: absolute;
  height: 1px;
  background-color: #ee5e22;
  top: 12.5px;
  left: 20px;
  right: 20px;
  z-index: 1;
}
body.homeOffice.prescriptionOffice .content-body .quiz .steps .step {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ee5e22;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  z-index: 10;
}
body.homeOffice.prescriptionOffice .content-body .quiz .steps .step .fas {
  font-size: 12px;
  margin-top: 7px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-select {
  text-align: center;
  max-width: 400px;
  margin: auto;
  color: #333;
  border-radius: 0;
  background-image: url(../jpg/select-dropdown-arrow.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-select .list {
  border-radius: 0;
}
body.homeOffice.prescriptionOffice .content-body .quiz .interests-checkbox-wrapper {
  text-align: left;
  max-width: 400px;
  margin: auto;
  margin-top: 40px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .interests-checkbox-wrapper .styled-checkbox {
  position: relative;
}
body.homeOffice.prescriptionOffice .content-body .quiz .interests-checkbox-wrapper .styled-checkbox label {
  position: relative;
  padding-left: 10px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .interests-checkbox-wrapper .styled-checkbox label:after {
  position: absolute;
  left: -20px;
  content: "";
  width: 20px;
  height: 20px;
  top: 2px;
  background-color: #fff;
  border: solid 2px #abbeb8;
}
body.homeOffice.prescriptionOffice .content-body .quiz .interests-checkbox-wrapper .styled-checkbox input:checked + label:after {
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  display: block;
  color: #8b9a95;
  line-height: 17px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-input {
  max-width: 400px;
  margin: auto;
  margin-top: 40px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-radio {
  max-width: 400px;
  text-align: center;
  margin: auto;
  margin-top: 40px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-radio label {
  background-color: #bbbdc1 !important;
  color: #404b53 !important;
  padding: 10px;
  display: block;
  cursor: pointer;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-radio input {
  display: none;
}
body.homeOffice.prescriptionOffice .content-body .quiz .styled-radio input:checked + label {
  background-color: #fff !important;
  color: #fff;
}
body.homeOffice.prescriptionOffice .content-body .quiz .btn-submit {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 50px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select {
  color: #333;
  max-width: 400px;
  margin: auto;
  float: none;
  height: initial !important;
  margin-top: 20px;
  padding: 0;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select {
  max-height: 50px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select .current {
  margin-left: 15px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select.open {
  max-height: 500px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select .list {
  position: relative;
  margin: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select .list li {
  font-size: 18px;
  height: 50px;
  border-top: solid 1px #2f343a;
  line-height: 50px;
  position: relative;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select .list li:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  position: absolute;
  right: 0;
  border-radius: 50%;
  margin: 14px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select .list li.option.selected.focus:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #acbcb9;
  position: absolute;
  right: 0;
  border-radius: 50%;
  margin: 14px;
}
body.homeOffice.prescriptionOffice .content-body .quiz .nice-select:after {
  display: none;
}
body.homeOffice.prescriptionOffice .doors {
  overflow: hidden;
}
body.homeOffice.prescriptionOffice .doors .ta-avatar {
  margin-right: 0%;
  margin-top: 5%;
}
body.homeOffice.prescriptionOffice .doors .ta-avatar .comment-box {
  z-index: 100;
}
body.homeOffice .content-body {
  width: 100%;
  position: absolute;
  top: 160px;
}
body.homeOffice .content-body h1 {
  font-family: futura-pt, sans-serif;
  font-weight: 100;
  font-size: 58px;
  margin-top: 10px;
  color: #fff;
  margin-left: 30px;
  line-height: 52px;
}
body.homeOffice .content-body h1 strong {
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  font-size: 68px;
}
body.homeOffice .doors {
  width: 100%;
  height: calc(100% - 160px);
  overflow: hidden;
  position: relative;
}
body.homeOffice .doors.overflown {
  overflow: initial;
}
body.homeOffice .doors a.door {
  display: block;
  position: absolute;
  width: 16%;
  margin-top: 9%;
  text-align: center;
}
body.homeOffice .doors a.door.prescription-office {
  left: 16%;
}
body.homeOffice .doors a.door.classroom {
  left: 37.3%;
}
body.homeOffice .doors a.door.lockerroom {
  left: 58.3%;
}
body.homeOffice .doors a.door label {
  margin-top: 20%;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  padding: 10%;
  font-size: 24px;
  color: #c8eadc;
  line-height: normal;
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
}
body.homeOffice .doors a.door label .fas {
  display: block;
  margin-top: 70px;
  color: #c8eadc;
  font-size: 40px;
}
body.homeOffice .doors a.door:hover label {
  color: #fff;
  cursor: pointer;
}
body.homeOffice .doors a.door:hover label .fas {
  color: #fff;
}
body.homeOffice .doors a.door .ratio {
  margin-top: 175%;
}
body.homeOffice .doors .ta-avatar {
  width: 32%;
  height: auto;
  position: absolute;
  right: 0;
  margin-right: 0%;
  pointer-events: none;
  top: 0;
  margin-top: 2%;
}
body.homeOffice .doors .ta-avatar .comment-box {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  width: 80%;
  left: 0;
  text-align: center;
  margin-top: 12%;
  margin-left: -58%;
}
body.homeOffice .doors .ta-avatar .comment-box .close-btn {
  pointer-events: initial;
  position: absolute;
  right: -20px;
  cursor: pointer;
  top: -15px;
  z-index: 100;
}
body.homeOffice .doors .ta-avatar .comment-box .close-btn .fas {
  color: #fff;
}
body.homeOffice .doors .ta-avatar .comment-box .close-btn .fa-times {
  color: #000;
}
body.homeOffice .doors .ta-avatar .comment-box .comment-box-overflow {
  text-align: left;
  padding-right: 10px;
  max-height: 200px;
  overflow-y: scroll;
  pointer-events: initial;
}
body.homeOffice .doors .ta-avatar .comment-box .comment-box-overflow p:first-child {
  margin-top: 0;
}
body.homeOffice .doors .ta-avatar .comment-box .comment-box-overflow p:last-child {
  margin-bottom: 0;
}
body.homeOffice .doors .ta-avatar .comment-box .comment-box-overflow p.intro {
  font-weight: bold;
}
body.homeOffice .doors .ta-avatar .comment-box .start-trial-btn {
  width: 200px;
  margin-top: 20px;
  pointer-events: initial;
}
body.homeOffice .doors .ta-avatar .comment-box:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  margin-top: 30%;
  height: 0;
  margin-right: -80px;
  border-style: solid;
  border-width: 10px 0 10px 80px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
body.homeOffice .doors .ta-avatar canvas {
  width: 100% !important;
  height: auto !important;
}

button:focus, select:focus, .styled-select:focus, textarea:focus {
  outline: none;
  box-shadow: none;
}

header {
  font-family: futura-pt, sans-serif;
  background-color: #192029;
}
header .fa-bars {
  color: #fff;
}
header .navbar-brand {
  width: 200px;
  margin-top: 10px;
}
header .navbar-brand img {
  width: 100% !important;
  height: auto !important;
}
header .navbar-collapse {
  background-color: #192029;
}
header .navbar-collapse .nav-link:after {
  display: none;
}
header .navbar-collapse .nav-link.active {
  color: #c0ac93;
}
header .main-nav {
  margin-top: 40px;
}
header .navbar-light .navbar-nav .nav-item.active .nav-link {
  color: #fff;
}
header .navbar-light .navbar-nav .nav-item .nav-link {
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  color: #fff;
}
header .navbar-light .navbar-nav .nav-item .nav-link:after {
  border-right: solid 1px #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  height: 18px;
  display: block;
}
header .navbar-light .navbar-nav .nav-item .nav-link.active {
  color: #c0ac93;
}
header .navbar-light .navbar-nav .nav-item:last-child .nav-link:after {
  display: none;
}

header .navbar-collapse {
  z-index: 100;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 0px;
}

body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .title a {
  color: #333;
}

body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .teaser-small a {
  color: #fff;
}

.submit-centered {
  max-width: 400px;
  margin: auto;
  display: block;
  margin-top: 40px !important;
}

body.homeOffice.prescriptionOffice .content-body .quiz .steps .step {
  text-align: center;
}

.suboption {
  margin-left: 20px;
  margin-right: 20px;
}

footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #192029;
  color: #fff;
}
footer .footer {
  padding: 10px;
}
footer .footer .text-center {
  margin-bottom: 0;
  text-transform: uppercase;
}
footer .footer a {
  color: #fff;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  max-width: inherit;
  /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
  border-radius: 0;
  text-align: center;
}
.modal-content .modal-header, .modal-content .modal-footer {
  align-items: center;
  justify-content: center;
  border: none;
  padding: 20px;
}

#rating-modal .rating-stars {
  display: flex;
  justify-content: center;
  font-size: 40px;
  cursor: pointer;
}
#rating-modal .rating-stars .star {
  margin: 5px;
  color: #8f9995;
}
#rating-modal .rating-stars .star.active {
  color: #baab91;
}
#rating-modal .rating-stars .star:hover {
  color: #baab91;
}
#rating-modal .add-comment {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
#rating-modal .add-comment.active textarea {
  display: block;
}
#rating-modal .add-comment textarea {
  display: none;
  width: 100%;
}
#rating-modal .btn-submit {
  padding-left: 20px;
  padding-right: 20px;
}
#rating-modal #rating-comment {
  cursor: pointer;
}
#rating-modal #skip {
  cursor: pointer;
  font-size: 14px;
}
#rating-modal .modal-footer {
  display: initial;
  color: #23b0ff;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1350px;
  }
}
ul.my-profile-nav {
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.my-profile-nav li {
  list-style: none;
}
ul.my-profile-nav li a {
  display: block;
  border-bottom: solid 1px #b0b9be;
  padding: 20px 10px;
  color: #787c7d;
  font-size: 16px;
}
ul.my-profile-nav li a:hover {
  text-decoration: none;
}
ul.my-profile-nav li a.active {
  color: #fff;
  font-weight: bold;
}

.my-profile-form, #form-signup {
  padding: 20px !important;
  position: relative;
}
.my-profile-form .chosen-single, #form-signup .chosen-single {
  color: #333 !important;
}
.my-profile-form .chosen-container, #form-signup .chosen-container {
  width: 100% !important;
  background-color: #fff;
  background-image: url(../jpg/select-dropdown-arrow.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}
.my-profile-form .chosen-single, #form-signup .chosen-single {
  background: transparent !important;
}
.my-profile-form .chosen-single:hover, #form-signup .chosen-single:hover {
  color: #333;
}
.my-profile-form .chosen-single b, #form-signup .chosen-single b {
  display: none !important;
}
.my-profile-form .active-result, #form-signup .active-result {
  font-size: 18px;
  line-height: 25px !important;
}
.my-profile-form .chosen-container-single .chosen-single, #form-signup .chosen-container-single .chosen-single {
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 18px;
  border-radius: 0;
}
.my-profile-form .right-col, #form-signup .right-col {
  padding-top: 20px;
}

#form-signup .chosen-container {
  width: 100% !important;
  background-color: #fff;
  background-image: url(../jpg/select-dropdown-arrow.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}
#form-signup .chosen-single {
  background: transparent !important;
}
#form-signup .chosen-single:hover {
  color: #333;
}
#form-signup .chosen-single b {
  display: none !important;
}
#form-signup .active-result {
  font-size: 18px;
  line-height: 25px !important;
}
#form-signup .chosen-container-single .chosen-single {
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 18px;
  border-radius: 0;
}

body.homeOffice.prescriptionOffice.v2, body.homeOffice.prescriptionOffice.login.v2 {
  background-image: none;
  background-color: #192029;
}
body.homeOffice.prescriptionOffice.v2 .background-image-bg, body.homeOffice.prescriptionOffice.login.v2 .background-image-bg {
  background-image: url(../jpg/maria_background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin-left: 25px;
  margin-right: 25px;
  min-height: 75%;
}
body.homeOffice.prescriptionOffice.v2 .background-image-bg.background-image-bg-home, body.homeOffice.prescriptionOffice.login.v2 .background-image-bg.background-image-bg-home {
  background-image: url(../jpg/future_lobby2_full-crop.jpg);
}

body.homeOffice.lobby {
  background-image: none;
  background-color: #192029;
}
body.homeOffice.lobby .coming-soon .text {
  display: initial;
}
body.homeOffice.lobby .coming-soon .coming-soon-text {
  display: none;
}
body.homeOffice.lobby .coming-soon:hover {
  left: 44% !important;
}
body.homeOffice.lobby .coming-soon:hover .text {
  display: none;
}
body.homeOffice.lobby .coming-soon:hover .coming-soon-text {
  display: block;
}
body.homeOffice.lobby .welcome-modal {
  text-align: left;
}
body.homeOffice.lobby .welcome-modal .modal-content {
  text-align: left;
}
body.homeOffice.lobby .welcome-modal .modal-content .intro {
  font-size: 22px;
}
body.homeOffice.lobby .welcome-modal .modal-footer {
  padding-top: 0;
  text-align: left;
  justify-content: start;
}
body.homeOffice.lobby .welcome-modal .modal-body {
  padding: 20px;
  padding-bottom: 0;
}
body.homeOffice.lobby .avatar-ta {
  position: absolute;
  top: 12%;
  left: 54%;
  width: 35%;
}
body.homeOffice.lobby .avatar-ta #tracy-anim-avatar {
  position: relative;
  left: -23%;
}
body.homeOffice.lobby .avatar-ta img {
  width: 100%;
  height: auto;
}
body.homeOffice.lobby .avatar-ta .bubble {
  display: block;
  position: absolute;
  left: -59%;
  top: 30%;
  width: 80%;
  cursor: pointer;
  z-index: 1000;
}
body.homeOffice.lobby .lobby-wrapper {
  position: relative;
  max-width: 1275px;
  margin-left: auto;
  margin-right: auto;
}
body.homeOffice.lobby .lobby-wrapper .background-image {
  width: 100% !important;
  height: auto;
}
body.homeOffice.lobby .doors {
  display: none;
}
body.homeOffice.lobby .doors .ta-avatar {
  display: none;
}
body.homeOffice.lobby a.lobby-entry-btns {
  display: flex;
  background-color: #19202a;
  color: #fff;
  border-radius: 50vh;
  padding: 15px 15px;
  justify-content: center;
  position: absolute;
  align-items: center;
  font-size: 18px;
  z-index: 10;
  -webkit-transition: background-color 500ms ease-out;
  -moz-transition: background-color 500ms ease-out;
  -o-transition: background-color 500ms ease-out;
  transition: background-color 500ms ease-out;
  z-index: 1001;
}
body.homeOffice.lobby a.lobby-entry-btns:hover {
  text-decoration: none;
  background-color: #ee5e22;
}
body.homeOffice.lobby a.lobby-entry-btns div {
  text-align: center;
  max-width: 200px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
}
body.homeOffice.lobby a.lobby-entry-btns .fas {
  max-width: 20px;
  display: block;
}
body.homeOffice.lobby a.lobby-entry-btns .fas.fa-chevron-left {
  margin-right: px;
}
body.homeOffice.lobby a.lobby-entry-btns .fas.fa-chevron-right {
  margin-left: 0px;
}
body.homeOffice.lobby a.lobby-entry-btns.reset-btn {
  top: 40%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
}
body.homeOffice.lobby a.lobby-entry-btns.classrooms-btn {
  top: 30%;
  left: 12%;
}
body.homeOffice.lobby a.lobby-entry-btns.prescription-office-btn {
  top: 33%;
  left: 30%;
}
body.homeOffice.lobby a.lobby-entry-btns.cafe-btn {
  top: 10%;
  left: 47%;
}
body.homeOffice.lobby a.lobby-entry-btns.locker-room-btn {
  top: 4%;
  left: 67%;
}
body.homeOffice.lobby a.lobby-entry-btns.shop-btn {
  top: 25%;
  left: 78.5%;
}
body.homeOffice.lobby a.lobby-entry-btns.gift-btn {
  top: 35%;
  left: 71.5%;
}

body.lobby.v2.portrait-mode .prescription-btns {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 47%;
}
body.lobby.v2.portrait-mode a.lobby-entry-btns {
  position: relative;
  text-align: left;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
  padding: 25px;
  left: 0;
}
body.lobby.v2.portrait-mode a.lobby-entry-btns div {
  text-align: left;
  max-width: initial;
}
body.lobby.v2.portrait-mode a.lobby-entry-btns.reset-btn {
  top: 40%;
  left: 0%;
  width: 200px;
  margin-left: 0px;
}
body.lobby.v2.portrait-mode .coming-soon .text {
  display: initial;
}
body.lobby.v2.portrait-mode .coming-soon .coming-soon-text {
  display: none;
}
body.lobby.v2.portrait-mode .coming-soon:hover {
  left: 0% !important;
}
body.lobby.v2.portrait-mode .coming-soon:hover .text {
  display: none;
}
body.lobby.v2.portrait-mode .coming-soon:hover .coming-soon-text {
  display: block;
}
body.lobby.v2.portrait-mode .avatar-ta {
  position: absolute;
  top: 6%;
  overflow: hidden;
  left: 0%;
  width: 100%;
}
body.lobby.v2.portrait-mode .avatar-ta img {
  width: 100%;
  height: auto;
}
body.lobby.v2.portrait-mode .avatar-ta #tracy-anim-avatar {
  position: relative;
  left: 20%;
  top: 2%;
}
body.lobby.v2.portrait-mode .avatar-ta .bubble {
  display: block;
  position: absolute;
  left: 20%;
  top: 0%;
  cursor: pointer;
  width: 50%;
  z-index: 1000;
}

@media only screen and (max-width: 991px) {
  body.lobby.v2.portrait-mode a.lobby-entry-btns.reset-btn {
    font-size: 18px;
    top: 0px;
    margin-top: -15%;
    left: 26%;
    padding: 15px;
    width: 200px;
    margin-left: 0px;
    justify-content: center;
  }
  body.lobby.v2.portrait-mode .avatar-ta {
    position: absolute;
    top: 8%;
    left: -5%;
    width: 100%;
  }
  body.lobby.v2.portrait-mode .avatar-ta img {
    width: 100%;
    height: auto;
  }
  body.lobby.v2.portrait-mode .avatar-ta .bubble {
    display: block;
    position: absolute;
    left: 30%;
    top: 0%;
    cursor: pointer;
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  body.lobby.v2.portrait-mode .prescription-btns {
    position: absolute;
    top: 55%;
    left: 5%;
    width: 47%;
  }
  body.lobby.v2.portrait-mode .avatar-ta {
    position: absolute;
    top: 1%;
    left: 0%;
    width: 100%;
  }
  body.lobby.v2.portrait-mode .avatar-ta img {
    width: 100%;
    height: auto;
  }
  body.lobby.v2.portrait-mode .avatar-ta .bubble {
    display: block;
    position: absolute;
    left: 3%;
    top: 1%;
    cursor: pointer;
    width: 65%;
  }
  body.lobby.v2.portrait-mode .avatar-ta #tracy-anim-avatar {
    margin-top: 10%;
  }
  body.lobby.v2.portrait-mode a.lobby-entry-btns {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px;
  }
  body.lobby.v2.portrait-mode a.lobby-entry-btns.reset-btn {
    font-size: 18px;
    top: 0px;
    margin-top: -40%;
    left: 5%;
    padding: 15px;
    width: 200px;
    margin-left: 0px;
    justify-content: center;
  }
}
body.classrooms.v2 {
  background-image: none;
}
body.classrooms.v2 .bg-repeater {
  background-image: url(../jpg/classroom_bottom_repeatbar.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}
body.classrooms.v2 .content-body {
  background-image: url(../jpg/classroom_final_extended.jpg);
  margin-top: 0px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  min-height: calc(100% - 140px);
  padding-bottom: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.classrooms.v2 .classroom-item {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.classrooms.v2 .classroom-item a.classroom-link {
  border: solid 1px #ccc;
  display: block;
  color: #333;
}
body.classrooms.v2 .classroom-item a.classroom-link .title {
  font-size: 30px;
}
body.classrooms.v2 .classroom-item a.classroom-link .stitle {
  font-style: italic;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
body.classrooms.v2 .classroom-item a.classroom-link:hover {
  text-decoration: none;
}
body.classrooms.v2 .classroom-item a.classroom-link:hover .playlist-description {
  opacity: 1;
}
body.classrooms.v2 .classroom-item .classroom-playlist {
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 0px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
body.classrooms.v2 .classroom-item .playlist-thumb {
  width: 100% !important;
  height: auto;
}
body.classrooms.v2 .classroom-item .playlist-description {
  opacity: 0;
  position: absolute;
  top: 0;
  background-color: #c0ac93;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px;
  line-height: 18px;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: opacity 0.6s;
}

.playlists .jt-content {
  justify-content: center;
}
.playlists .background-paper {
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .playlists .background-paper {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.playlists .background-paper .playlist-description {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  margin-top: 30px;
  margin-bottom: 50px;
  padding-right: 100px;
  padding-left: 100px;
}
.playlists .background-paper a.classroom-link {
  display: block;
  color: #333;
}
.playlists .background-paper a.classroom-link img {
  width: 100% !important;
  height: auto;
}
.playlists .background-paper a.classroom-link .title {
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.playlists .background-paper a.classroom-link .stitle {
  font-style: italic;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
.playlists .background-paper a.classroom-link:hover {
  text-decoration: none;
}
.playlists .background-paper a.classroom-link:hover .video-description {
  opacity: 1;
}
.playlists .background-paper a.classroom-link:hover .play-icon {
  opacity: 0;
}
.playlists .background-paper a.classroom-link .thumbnail {
  position: relative;
}
.playlists .background-paper a.classroom-link .video-description {
  opacity: 0;
  position: absolute;
  top: 0;
  background-color: #c0ac93;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px;
  line-height: 18px;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: opacity 0.6s;
}
.playlists .background-paper a.classroom-link .play-icon {
  opacity: 0.5;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: opacity 0.6s;
}
.playlists .background-paper a.classroom-link .play-icon .fas {
  font-size: 42px;
}

body.homeOffice.classrooms.playlists.v2 .content-body h1, body.homeOffice.classrooms.playlists.v2 .content-body h1 strong {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 32px !important;
  margin: 0;
  padding: 0;
  line-height: 18px;
}
body.homeOffice.classrooms.playlists.v2 .content-body h1 {
  margin: 10px;
  margin-bottom: 20px;
}
body.homeOffice.classrooms.playlists.v2 .library {
  position: relative;
  overflow: hidden;
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .title {
  font-size: 22px;
  margin-top: 10px;
  line-height: 22px;
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .background-paper {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
@media (min-width: 768px) {
  body.homeOffice.classrooms.playlists.v2 .content-body.player .background-paper {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .theo-player-wrapper {
  border: solid 1px #ccc;
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 22px;
  position: absolute;
  right: -20px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  top: -20px;
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .close-btn i {
  display: block;
}
body.homeOffice.classrooms.playlists.v2 .content-body.player .close-btn:hover {
  text-decoration: none;
}
body.homeOffice.classrooms.playlists.v2 .back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 22px;
  position: absolute;
  left: -20px;
  background-color: #182029;
  color: #fff;
  top: -40px;
}
body.homeOffice.classrooms.playlists.v2 .back-btn i {
  display: block;
}
body.homeOffice.classrooms.playlists.v2 .back-btn:hover {
  text-decoration: none;
}

body.prescriptionOffice.v2 .prescription-btns {
  position: absolute;
  top: 42%;
  left: 65%;
}
body.prescriptionOffice.v2 .lobby-wrapper {
  overflow: hidden;
}
body.prescriptionOffice.v2 a.lobby-entry-btns {
  position: relative;
  text-align: left;
  justify-content: space-between;
  margin-bottom: 20px;
}
body.prescriptionOffice.v2 a.lobby-entry-btns div {
  max-width: 400px;
  margin-right: 20px;
}
body.prescriptionOffice.v2 a.lobby-entry-btns.not-pending {
  background-color: #fff;
  color: #19202a;
}
body.prescriptionOffice.v2 a.lobby-entry-btns.locked {
  cursor: not-allowed;
}
body.prescriptionOffice.v2 .avatar-ta {
  position: absolute;
  top: 20.8%;
  left: 19%;
  width: 39%;
}
body.prescriptionOffice.v2 .avatar-ta img, body.prescriptionOffice.v2 .avatar-ta canvas {
  width: 100%;
  height: auto;
}
body.prescriptionOffice.v2 .avatar-ta .bubble {
  display: block;
  position: absolute;
  left: 52%;
  top: -13%;
  width: 66%;
  cursor: pointer;
}

body.prescriptionOffice.v2.portrait-mode .prescription-btns {
  position: absolute;
  top: 50%;
  left: 5%;
}
body.prescriptionOffice.v2.portrait-mode a.lobby-entry-btns {
  position: relative;
  text-align: left;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
  padding: 25px;
}
body.prescriptionOffice.v2.portrait-mode .avatar-ta {
  position: absolute;
  top: 15%;
  left: 21%;
  width: 124%;
  overflow: initial;
}
body.prescriptionOffice.v2.portrait-mode .avatar-ta img {
  width: 100%;
  height: auto;
}
body.prescriptionOffice.v2.portrait-mode .avatar-ta .bubble {
  display: block;
  position: absolute;
  left: -18%;
  top: -10%;
  width: 50%;
  cursor: pointer;
}

.prescription-team .padding-page {
  padding: 20px 50px;
}
.prescription-team .intro-column {
  padding: 40px;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.prescription-team .intro-column h1 {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
}
.prescription-team .team-column {
  border-left: solid 1px #333;
  padding: 40px;
  margin-bottom: 0px;
}
.prescription-team .team-column .card-columns {
  column-count: 2;
}
.prescription-team .team-column .team-member {
  margin-bottom: 20px;
  border: none;
  padding: 10px;
}
.prescription-team .team-column .team-member .team_member_title {
  font-style: italic;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  font-size: 22px;
}
.prescription-team .team-column .team-member .card-body {
  padding: 0px;
}
.prescription-team .team-column .team-member .team_member_instagram {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.prescription-team .team-column .team-member .team_member_name {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-size: 34px;
  margin-top: 20px;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.prescription-team .team-column .team-member .team_member_bio {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .prescription-team .team-column {
    max-height: initial;
    overflow-y: initial;
  }
  .prescription-team .team-column .card-columns {
    column-count: 1;
  }
}
@media only screen and (max-width: 1400px) {
  body.homeOffice.prescriptionOffice .doors .ta-avatar {
    margin-top: 15%;
  }

  header .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 17px;
    padding-left: 15px;
    padding-right: 15px;
  }
  header .navbar-light .navbar-nav .nav-item .nav-link:after {
    top: 11px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .sub-menu {
    margin-top: 40px;
  }

  .sub-menu ul.inline-nav {
    font-size: 18px;
  }
  .sub-menu ul.inline-nav a {
    font-size: 18px;
  }

  body.homeOffice .content-body .classrooms-wrapper h2 {
    font-size: 24px;
  }

  body.homeOffice .content-body .classrooms-wrapper .teaser .title {
    font-size: 18px;
  }
  body.homeOffice .content-body .classrooms-wrapper .teaser .title a {
    color: #333;
  }

  .container {
    max-width: initial;
  }

  header .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
  header .navbar-light .navbar-nav .nav-item .nav-link:after {
    top: 10px;
  }

  body.homeOffice.prescriptionOffice .doors .ta-avatar {
    margin-top: 60%;
    width: 60%;
    margin-right: -10%;
  }

  body.homeOffice.prescriptionOffice .content-body .prescription-cards {
    width: 85%;
  }
}
@media only screen and (max-width: 1072px) {
  header .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  header .navbar-light .navbar-nav .nav-item .nav-link:after {
    top: 10px;
  }

  .prescription-team .intro-column h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .prescription-team .padding-page {
    padding: 20px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  body {
    min-height: 800px;
  }

  header {
    position: relative;
    z-index: 10000;
    height: 140px;
  }
  header .navbar-toggler {
    margin-right: 10px;
    font-size: 40px;
  }
  header .navbar {
    padding-left: 0;
    padding-right: 0;
  }
  header .navbar-light .navbar-brand {
    margin-top: 10px;
    width: 250px;
    margin-left: 10px;
  }
  header .navbar-light .navbar-brand img {
    width: 100% !important;
    height: auto !important;
  }
  header .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 20px;
    text-align: right;
    border-bottom: solid 1px #393f43;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header .navbar-light .navbar-nav .nav-item .nav-link:hover {
    background-color: #33393e;
  }
  header .navbar-light .navbar-nav .nav-item:first-child .nav-link {
    border-top: solid 1px #393f43;
  }
  header .container {
    padding: 0;
  }

  body.homeOffice .doors {
    height: 100%;
  }

  body.homeOffice {
    background-position: left 115px !important;
  }

  header .navbar-light .navbar-nav .nav-item .nav-link:after {
    display: none;
  }

  body.homeOffice {
    background-position: bottom center;
    background-size: 100% auto;
  }

  body.homeOffice.prescriptionOffice .doors.overflown {
    overflow: hidden !important;
  }

  body.homeOffice.home .doors .ta-avatar {
    width: 72%;
    height: auto;
    position: absolute;
    right: -20%;
    margin-right: 0%;
    pointer-events: none;
    top: initial;
    bottom: 0;
    margin-top: 20%;
  }

  body.prescriptionOffice .doors .ta-avatar {
    margin-top: 60%;
    width: 60%;
    top: 0;
    margin-right: -10%;
  }

  body.homeOffice.home .doors .ta-avatar .comment-box {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
  }

  body.homeOffice.home .content-body .classrooms-wrapper .teaser .title {
    font-size: 20px;
    line-height: normal;
  }

  body.homeOffice.home .content-body .classrooms-wrapper h2 {
    font-size: 30px;
  }

  body.homeOffice .content-body h1 {
    font-size: 34px;
    line-height: normal;
  }
  body.homeOffice .content-body h1 strong {
    font-size: 40px;
  }

  .back-to-home {
    margin-top: 0px;
  }

  .sub-menu {
    margin-top: 40px;
  }

  .sub-menu ul.inline-nav {
    text-align: right;
    font-size: 14px;
  }
  .sub-menu ul.inline-nav a {
    font-size: 14px;
  }

  body.homeOffice .content-body .sub-menu, body.homeOffice.dancelibray .content-body .sub-menu {
    margin-top: 40px;
    margin-right: 0px;
  }

  body.homeOffice .content-body .classrooms-wrapper .teaser {
    margin-bottom: 20px;
  }
  body.homeOffice .content-body .classrooms-wrapper .teaser .col-bg {
    -webkit-box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 7px 6px -1px rgba(0, 0, 0, 0.43);
  }

  .sub-menu ul.inline-nav {
    text-align: right;
    font-size: 14px;
  }
  .sub-menu ul.inline-nav a {
    font-size: 14px;
  }

  body.homeOffice .content-body .classrooms-wrapper h2 {
    font-size: 22px;
  }

  body.homeOffice .content-body .classrooms-wrapper .teaser .title {
    font-size: 16px;
  }

  body.homeOffice .content-body {
    margin-top: 20px;
  }

  .related-video {
    display: flex;
    flex-wrap: wrap;
  }

  body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .right-col .teaser-small {
    margin-left: 0px;
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    display: inline-block;
  }

  body.homeOffice.prescriptionOffice.profile-info .content-body .quiz {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  body.homeOffice.classrooms {
    overflow: initial !important;
  }

  body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser .col-bg, body.homeOffice.classrooms .content-body .classrooms-wrapper .teaser {
    height: initial;
  }

  body.homeOffice.classrooms .content-body {
    margin-top: 0px;
  }

  body.homeOffice.classrooms {
    background-position: center 97px !important;
  }

  body.prescriptionOffice {
    overflow-x: hidden !important;
  }

  body.homeOffice.home .doors.overflown {
    overflow-x: hidden !important;
  }

  body.homeOffice.prescriptionOffice.v2 .background-image-bg {
    margin-left: -15px;
    margin-right: -15px;
    min-height: 75%;
  }

  .prescription-team .padding-page {
    padding: 0px;
    padding-top: 20px;
  }
  .prescription-team .intro-column {
    padding: 20px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  footer {
    height: 70px;
    /* Set the fixed height of the footer here */
  }

  body.homeOffice .content-body {
    position: relative;
    top: 0 !important;
  }

  .playlists .background-paper .playlist-description {
    padding-left: 20px;
    padding-right: 20px;
  }

  .homeOffice.prescriptionOffice {
    position: initial !important;
    top: initial !important;
  }

  body.homeOffice.prescriptionOffice .doors {
    position: absolute;
  }

  header {
    height: initial;
    min-height: 115px;
    z-index: 100;
    position: relative;
  }

  body.homeOffice .content-body {
    top: 115px;
  }

  body.homeOffice.prescriptionOffice .content-body .prescription-cards {
    width: 75%;
  }

  body.homeOffice.prescriptionOffice .doors .ta-avatar {
    margin-top: 122%;
    top: initial;
  }
  body.homeOffice.prescriptionOffice .doors .ta-avatar .comment-box {
    margin-left: -69%;
  }

  body.homeOffice.prescriptionOffice .content-body .prescription-cards {
    width: 90%;
  }

  body.prescriptionOffice {
    overflow-x: hidden !important;
  }

  body.homeOffice.home .doors.overflown {
    overflow-x: hidden;
  }

  .sub-menu ul.inline-nav {
    text-align: center;
  }

  body.homeOffice.classrooms .content-body .classrooms-wrapper .video-wrapper .left-col .title {
    line-height: normal;
  }

  .navbar-light .navbar-brand {
    margin-top: 0px;
    margin-left: 10px;
  }
  .navbar-light .navbar-brand img {
    width: 250px;
    height: auto;
  }

  body.homeOffice .content-body h1, .back-to-home, body.homeOffice.prescriptionOffice .content-body .prescription-cards {
    margin-left: 10px;
  }

  body.homeOffice.classrooms .content-body .classrooms-wrapper {
    padding: 10px;
  }

  body.homeOffice.classrooms .content-body .classrooms-wrapper .next .next, body.homeOffice.classrooms .content-body .classrooms-wrapper .next {
    right: -20px;
  }
  body.homeOffice.classrooms .content-body .classrooms-wrapper .next .prev, body.homeOffice.classrooms .content-body .classrooms-wrapper .prev {
    left: -20px;
  }

  .quiz.my-profile-form {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  body.homeOffice.prescriptionOffice.profile-info .content-body .quiz {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .prescription-team .intro-column {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }
  .prescription-team .intro-column h1 {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
  }
  .prescription-team .team-column {
    padding: 40px;
    margin-bottom: 100px;
  }
  .prescription-team .team-column .team-member {
    margin-bottom: 20px;
  }
  .prescription-team .team-column .team-member .team_member_title {
    font-style: italic;
    font-family: baskerville-urw, serif;
    font-weight: 400;
    font-size: 22px;
  }
  .prescription-team .team-column .team-member .team_member_name {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .prescription-team .team-column .team-member .head-shot {
    margin-bottom: 0px;
  }
  .prescription-team .team-column .team-member .team_member_bio {
    font-size: 14px;
    line-height: 18px;
  }

  body.homeOffice.prescriptionOffice .content-body .quiz .steps .step {
    margin-left: 8px;
    margin-right: 8px;
    width: 15px;
    height: 15px;
  }

  body.homeOffice.prescriptionOffice .content-body .quiz .steps {
    margin-top: 20px;
  }
  body.homeOffice.prescriptionOffice .content-body .quiz .steps .line {
    top: 7.5px;
  }

  body.homeOffice.prescriptionOffice .content-body .quiz .steps .step .fas {
    margin-top: 2px;
    font-size: 10px;
    line-height: 10px;
  }

  .the-prescription {
    margin: 0px;
    margin-top: 20px;
  }

  body.homeOffice.prescriptionOffice .content-body .quiz .btn-submit {
    padding: 10px 20px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 576px) {
  body.prescriptionOffice.v2.portrait-mode .prescription-btns {
    position: absolute;
    top: 60%;
    left: 5%;
  }
  body.prescriptionOffice.v2.portrait-mode a.lobby-entry-btns {
    position: relative;
    text-align: left;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
  }
  body.prescriptionOffice.v2.portrait-mode .avatar-ta {
    position: absolute;
    top: 15%;
    left: 21%;
    width: 124%;
  }
  body.prescriptionOffice.v2.portrait-mode .avatar-ta img {
    width: 100%;
    height: auto;
  }
  body.prescriptionOffice.v2.portrait-mode .avatar-ta .bubble {
    display: block;
    position: absolute;
    left: -18%;
    top: -10%;
    width: 50%;
    cursor: pointer;
  }

  .prescription-team .intro-column {
    text-align: center;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }
  .prescription-team .intro-column h1 {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
  }
  .prescription-team .team-column {
    border-left: none;
    padding: 40px;
    margin-bottom: 100px;
  }
  .prescription-team .team-column .team-member {
    margin-bottom: 20px;
  }
  .prescription-team .team-column .team-member .team_member_title {
    font-style: italic;
    font-family: baskerville-urw, serif;
    font-weight: 400;
    font-size: 22px;
  }
  .prescription-team .team-column .team-member .team_member_name {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  .prescription-team .team-column .team-member .team_member_bio {
    font-size: 16px;
    line-height: 20px;
  }
}
.landscape {
  display: none !important;
}

.portrait {
  display: none !important;
}

.landscape-mode .landscape {
  display: block !important;
}
.landscape-mode .portrait {
  display: none !important;
}

.portrait-mode .landscape {
  display: none !important;
}
.portrait-mode .portrait {
  display: block !important;
}

.wpd-avatar, #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-comment-label {
  display: none;
}

.locker_room-template-default #wpdcom .wpd-prim-button {
  background-color: #7087a5;
  color: #fff;
  line-height: 20px;
  vertical-align: bottom;
  padding-top: 8px;
}

#wpdcom .wpd-thread-head .wpd-thread-info, #wpdcom .wpd-thread-head .wpdiscuz-user-settings {
  border-bottom: 2px solid #7087a5;
}

#wpdcom .wpd-thread-head .wpdiscuz-user-settings:hover, #wpdcom .wpd-blog-post_author .wpd-comment-author, #wpdcom .wpd-blog-post_author .wpd-comment-author a, #wpdiscuz-search-form .fas, .wpdiscuz-widget-search-form .fas, #wpd-bubble-wrapper #wpd-bubble-all-comments-count, #wpdcom .wpd-blog-subscriber .wpd-comment-author, #wpdcom .wpd-blog-subscriber .wpd-comment-author a, #wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a {
  color: #7087a5 !important;
}

#wpdcom .wpd-blog-post_author .wpd-comment-label, #wpd-bubble-wrapper > div {
  background-color: #7087a5;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-administrator,
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-post_author {
  border-left: 3px solid #7087a5 !important;
}

#wpdcom .wpd-up svg {
  fill: #7087a5 !important;
}

#wpdcom .wpd-up {
  color: #7087a5 !important;
}

#comments {
  max-width: initial;
}

#wpdcom {
  max-width: none;
  padding: 30px;
}

#comments {
  margin: 0;
  background-color: #fff;
}

#form-resetpass .error {
  position: relative;
  font-size: 14px;
}

body,
body#studiov2 {
  background-color: var(--bg-body);
}
body .content-body .quiz .x-btn,
body#studiov2 .content-body .quiz .x-btn {
  color: #fff;
}
body .quiz label,
body#studiov2 .quiz label {
  color: #fff;
}
body .content-body .quiz .close-btn.x-btn,
body#studiov2 .content-body .quiz .close-btn.x-btn {
  background-color: #c0aca2;
}
body .background-paper-transparent,
body#studiov2 .background-paper-transparent {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
body header,
body footer,
body#studiov2 header,
body#studiov2 footer {
  font-weight: 500;
}
body header,
body header .navbar-collapse,
body#studiov2 header,
body#studiov2 header .navbar-collapse {
  background-color: var(--bg-body);
}
body header,
body#studiov2 header {
  margin-bottom: 10px;
}
body footer,
body#studiov2 footer {
  background-color: #fff;
  color: #6b5c58;
}
body footer a,
body#studiov2 footer a {
  color: #6b5c58 !important;
}
body header .navbar-light .navbar-nav .nav-item .nav-link.active,
body#studiov2 header .navbar-light .navbar-nav .nav-item .nav-link.active {
  color: #6b5c58;
}
body .forums-wrapper,
body .content-body,
body .bg-repeater,
body#studiov2 .forums-wrapper,
body#studiov2 .content-body,
body#studiov2 .bg-repeater {
  background: none;
}
body .studio-home-banner,
body#studiov2 .studio-home-banner {
  background-image: url(../jpg/onlinestudio_newskins_realimages2.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 600px;
  background-color: #dfddde;
}
body .classroom-banner,
body#studiov2 .classroom-banner {
  background-image: url(../jpg/onlinestudio_newskins_realimages4.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
body .classroom-banner:after,
body#studiov2 .classroom-banner:after {
  content: "";
  display: block;
  padding-top: 40%;
}
body .consultation-banner,
body#studiov2 .consultation-banner {
  background-image: url(../png/bodyconsultation.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
body .consultation-banner .page-header,
body#studiov2 .consultation-banner .page-header {
  font-size: 60px;
  font-family: baskerville-urw, serif;
  font-weight: 100;
  text-align: center;
  color: #fff;
  line-height: normal;
}
body .consultation-banner:after,
body#studiov2 .consultation-banner:after {
  content: "";
  display: block;
  padding-top: 40%;
}
body .the-way-banner,
body#studiov2 .the-way-banner {
  background-image: url(../jpg/the-way-banner-desktop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
body .the-way-banner .page-header,
body#studiov2 .the-way-banner .page-header {
  font-size: 60px;
  font-family: baskerville-urw, serif;
  font-weight: 100;
  text-align: center;
  color: #fff;
  line-height: normal;
}
body .the-way-banner:after,
body#studiov2 .the-way-banner:after {
  content: "";
  display: block;
  padding-top: 40%;
}
body .home-nav-col,
body#studiov2 .home-nav-col {
  display: flex;
  align-items: center;
}
body .content-container,
body .content-container .row,
body#studiov2 .content-container,
body#studiov2 .content-container .row {
  min-height: calc(100vh - 170px);
}
body .home-nav,
body#studiov2 .home-nav {
  padding: 40px;
  width: 100%;
}
body .home-nav a,
body#studiov2 .home-nav a {
  color: #fff;
  display: block;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  border-bottom: solid 1px #fff;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .home-nav a span,
body#studiov2 .home-nav a span {
  display: block;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: -10px;
}
body .home-nav a:hover,
body#studiov2 .home-nav a:hover {
  text-decoration: none;
}
body .home-nav a .fa-chevron-right,
body#studiov2 .home-nav a .fa-chevron-right {
  font-size: 16px;
}
body .background-image-bg,
body#studiov2 .background-image-bg {
  background-image: none !important;
}
body .page-header,
body#studiov2 .page-header {
  font-size: 80px;
  font-family: baskerville-urw, serif;
  font-weight: 100;
  text-align: center;
  color: #685c58;
  line-height: normal;
}
body .body-consultation-content,
body#studiov2 .body-consultation-content {
  text-align: center;
  padding: 50px;
  font-size: 18px;
}
body .body-consultation-content .prescription-btns,
body#studiov2 .body-consultation-content .prescription-btns {
  padding-top: 40px;
  padding-bottom: 40px;
  position: initial;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
body .body-consultation-content .prescription-btns a.lobby-entry-btns,
body#studiov2 .body-consultation-content .prescription-btns a.lobby-entry-btns {
  border-radius: 0;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  background-color: #eeedec;
  color: #7e7570;
  padding: 25px;
  text-transform: uppercase;
}
body .body-consultation-content .prescription-btns a.lobby-entry-btns.not-pending,
body#studiov2 .body-consultation-content .prescription-btns a.lobby-entry-btns.not-pending {
  background-color: #b5adab;
  color: #fff;
}
body .content-body .quiz,
body#studiov2 .content-body .quiz {
  background-color: #c0aca2;
}
body .content-body .quiz label,
body#studiov2 .content-body .quiz label {
  color: #fff;
}
body .content-body .quiz .App label,
body#studiov2 .content-body .quiz .App label {
  color: #685c58;
}
body .workout-classes,
body#studiov2 .workout-classes {
  display: flex;
  color: #695b58;
  padding-bottom: 100px;
  flex-direction: column;
}
@media (min-width: 768px) {
  body .workout-classes,
body#studiov2 .workout-classes {
    flex-direction: row;
  }
}
body .workout-classes a.class,
body#studiov2 .workout-classes a.class {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  color: #6a5c58;
  text-align: center;
  align-self: flex-start;
  width: 100%;
}
body .workout-classes a.class.elective .class-header,
body#studiov2 .workout-classes a.class.elective .class-header {
  background-color: #f4f1ed;
}
body .workout-classes a.class.elective .class-header div.text,
body#studiov2 .workout-classes a.class.elective .class-header div.text {
  color: #6a5c58;
}
body .workout-classes a.class:hover .class-header,
body#studiov2 .workout-classes a.class:hover .class-header {
  background-color: var(--hover-color-class);
  transition: 0.3s;
}
body .workout-classes a.class:hover .class-header div.text,
body#studiov2 .workout-classes a.class:hover .class-header div.text {
  color: #fff;
  transition: 0.3s;
}
body .workout-classes a.class .class-header,
body#studiov2 .workout-classes a.class .class-header {
  text-align: center;
  flex-grow: 1;
  width: 100;
  border-radius: 50%;
  background-color: #b6adab;
  position: relative;
  margin-bottom: 20px;
  max-width: 200px;
  max-height: 200px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  transition: 0.3s;
}
body .workout-classes a.class .class-header div.text,
body#studiov2 .workout-classes a.class .class-header div.text {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
  font-family: baskerville-urw, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
}
body .workout-classes a.class .class-header:after,
body#studiov2 .workout-classes a.class .class-header:after {
  content: "";
  display: inline-block;
  padding-top: 100%;
}
body .workout-classes a.class:hover,
body#studiov2 .workout-classes a.class:hover {
  text-decoration: none;
}
body .workout-classes a.class .class-description,
body#studiov2 .workout-classes a.class .class-description {
  width: 100%;
  text-align: center;
}
body .the-intro-lines .top,
body#studiov2 .the-intro-lines .top {
  position: relative;
}
body .the-intro-lines .top .vertical-line,
body#studiov2 .the-intro-lines .top .vertical-line {
  position: relative;
  width: 1px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  align-items: center;
}
body .the-intro-lines .top .circle_wrapper,
body#studiov2 .the-intro-lines .top .circle_wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
body .the-intro-lines .top .circle_wrapper .circle,
body#studiov2 .the-intro-lines .top .circle_wrapper .circle {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
}
body .the-intro-lines .horizontal-line,
body#studiov2 .the-intro-lines .horizontal-line {
  border-top: solid 1px #fff;
  margin-left: 11%;
  margin-right: 11%;
  margin-bottom: 40px;
}
body .the-intro-lines .horizontal-line .line-start,
body#studiov2 .the-intro-lines .horizontal-line .line-start {
  height: 20px;
  float: left;
  border-left: solid 1px #fff;
}
body .the-intro-lines .horizontal-line .line-end,
body#studiov2 .the-intro-lines .horizontal-line .line-end {
  height: 20px;
  float: right;
  border-right: solid 1px #fff;
}
body .content-body .quiz .styled-radio label,
body#studiov2 .content-body .quiz .styled-radio label {
  background-color: #d7d2cf;
}
body .forums-wrapper .page-header,
body .classroom-wrapper .page-header,
body#studiov2 .forums-wrapper .page-header,
body#studiov2 .classroom-wrapper .page-header {
  text-align: center;
  font-size: 50px;
  margin-bottom: 50px;
}
body .forums-wrapper .page-header:after,
body .classroom-wrapper .page-header:after,
body#studiov2 .forums-wrapper .page-header:after,
body#studiov2 .classroom-wrapper .page-header:after {
  content: "";
  width: 100px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  background-color: #685c58;
  display: block;
}
body .content-body a,
body .body-consultation-content a,
body .the-way-content a,
body#studiov2 .content-body a,
body#studiov2 .body-consultation-content a,
body#studiov2 .the-way-content a {
  color: #6b5c58;
}
body .class-description,
body#studiov2 .class-description {
  font-size: 18px;
}
body .content-body .quiz .styled-radio input:checked + label,
body#studiov2 .content-body .quiz .styled-radio input:checked + label {
  background-color: #fff !important;
}
body .timezone select,
body#studiov2 .timezone select {
  float: right;
  padding: 10px;
}
body .classgrid table,
body#studiov2 .classgrid table {
  width: 100%;
  background: #fff;
  border-spacing: 1px;
  border-collapse: inherit;
  margin-bottom: 80px;
}
body .classgrid table thead td,
body#studiov2 .classgrid table thead td {
  font-family: arial;
  background: #c4aca4;
  padding: 20px;
  color: #fff;
  text-align: left;
}
body .classgrid table thead td i,
body#studiov2 .classgrid table thead td i {
  float: right;
}
body .classgrid table tbody td,
body#studiov2 .classgrid table tbody td {
  font-family: arial;
  background: #eeedec;
  padding: 12px;
  color: #000;
  text-align: center;
}
body .classgrid table tbody td .btn,
body#studiov2 .classgrid table tbody td .btn {
  font-family: arial;
  background: #b6adab;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  width: 60%;
}
body .classgrid table tbody td .joinclass,
body#studiov2 .classgrid table tbody td .joinclass {
  background: #c4aca4;
  color: #fff;
}
body .classgrid table tbody td .newclass,
body#studiov2 .classgrid table tbody td .newclass {
  background: #fff;
  color: #000;
  text-align: left;
  font-family: arial;
  padding: 20px;
  max-width: 1230px;
  margin: 20px auto;
}
body .arrow,
body#studiov2 .arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
body .right,
body#studiov2 .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
body .left,
body#studiov2 .left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
body .up,
body#studiov2 .up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
body .down,
body#studiov2 .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  header .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }

  header {
    margin-bottom: 0px;
  }
  header .navbar-brand {
    width: 150px;
    margin-top: 10px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  body.menu-shown,
body#studiov2.menu-shown {
    overflow: hidden !important;
  }
  body.menu-shown header,
/*
body#studiov2.menu-shown header {
    height: 100%;
  }
*/  
  body .navbar-light .navbar-toggler,
body#studiov2 .navbar-light .navbar-toggler {
    border: none;
    margin-top: 10px;
  }
  body header .navbar-collapse,
body#studiov2 header .navbar-collapse {
    margin-top: 20px;
  }
  body header .main-nav.navbar-collapse.collapse,
body#studiov2 header .main-nav.navbar-collapse.collapse {
    height: 100vh;
  }
  body header .navbar-light .navbar-nav .nav-item:first-child .nav-link,
body header .navbar-light .navbar-nav .nav-item .nav-link,
body#studiov2 header .navbar-light .navbar-nav .nav-item:first-child .nav-link,
body#studiov2 header .navbar-light .navbar-nav .nav-item .nav-link {
    text-align: center;
    border-color: #b6adab;
    font-size: 20px;
  }
  body header .navbar-light .navbar-nav .nav-item:first-child .nav-link:hover,
body header .navbar-light .navbar-nav .nav-item .nav-link:hover,
body#studiov2 header .navbar-light .navbar-nav .nav-item:first-child .nav-link:hover,
body#studiov2 header .navbar-light .navbar-nav .nav-item .nav-link:hover {
    background-color: #b6adab;
    color: #fff;
  }
  body header .navbar,
body#studiov2 header .navbar {
    padding-bottom: 0;
  }
  body header .navbar-light .navbar-brand,
body#studiov2 header .navbar-light .navbar-brand {
    margin-top: 10px;
    width: 150px;
    margin-left: 10px;
  }
  body .studio-home-banner,
body#studiov2 .studio-home-banner {
    min-height: 350px;
  }
  body header,
body#studiov2 header {
    margin-bottom: 0px;
  }
  body header .navbar-brand,
body#studiov2 header .navbar-brand {
    width: 150px;
    margin-top: 10px;
  }
  body .body-consultation-content,
body#studiov2 .body-consultation-content {
    padding-bottom: 100px;
  }
  body .body-consultation-content .prescription-btns,
body#studiov2 .body-consultation-content .prescription-btns {
    max-width: 500px;
    width: 100%;
    line-height: normal;
  }
  body .body-consultation-content a.lobby-entry-btns,
body#studiov2 .body-consultation-content a.lobby-entry-btns {
    font-size: 20px;
    padding: 25px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  body .classroom-banner:after,
body#studiov2 .classroom-banner:after {
    padding-top: 100%;
  }
  body .consultation-banner .page-header,
body#studiov2 .consultation-banner .page-header {
    font-size: 40px;
    line-height: 40px;
  }
  body .consultation-banner:after,
body#studiov2 .consultation-banner:after {
    padding-top: 100%;
  }
  body header .navbar-light .navbar-brand,
body#studiov2 header .navbar-light .navbar-brand {
    margin-top: 10px;
    width: 100px;
    margin-left: 10px;
  }
  body .content-container,
body .content-container .row,
body#studiov2 .content-container,
body#studiov2 .content-container .row {
    min-height: initial;
  }
  body .studio-home-banner,
body#studiov2 .studio-home-banner {
    min-height: 350px;
  }
  body .home-nav,
body#studiov2 .home-nav {
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 100px;
  }
  body .home-nav a,
body#studiov2 .home-nav a {
    font-size: 24px;
  }
  body .home-nav a .fa-chevron-right,
body#studiov2 .home-nav a .fa-chevron-right {
    font-size: 16px;
  }
  body header,
body#studiov2 header {
    margin-bottom: 0px;
  }
  body .page-header,
body#studiov2 .page-header {
    font-size: 40px;
  }
  body .workout-classes,
body#studiov2 .workout-classes {
    flex-wrap: wrap;
    justify-content: center;
  }
  body .workout-classes a.class.elective,
body#studiov2 .workout-classes a.class.elective {
    margin-left: 0%;
  }
  body .workout-classes a.class .class-header div.text,
body#studiov2 .workout-classes a.class .class-header div.text {
    font-size: 16px;
    line-height: 16px;
  }
  body .body-consultation-content,
body#studiov2 .body-consultation-content {
    padding-bottom: 100px;
  }
  body .body-consultation-content .prescription-btns,
body#studiov2 .body-consultation-content .prescription-btns {
    max-width: 800px;
    width: 100%;
    line-height: normal;
  }
  body .body-consultation-content a.lobby-entry-btns,
body#studiov2 .body-consultation-content a.lobby-entry-btns {
    font-size: 20px;
  }
  body .classroom-wrapper,
body#studiov2 .classroom-wrapper {
    padding-bottom: 100px;
  }
  body .forums-wrapper .page-header,
body .classroom-wrapper .page-header,
body#studiov2 .forums-wrapper .page-header,
body#studiov2 .classroom-wrapper .page-header {
    font-size: 30px;
    margin-bottom: 30px;
  }
  body .forums-wrapper .page-header:after,
body .classroom-wrapper .page-header:after,
body#studiov2 .forums-wrapper .page-header:after,
body#studiov2 .classroom-wrapper .page-header:after {
    content: "";
    width: 100px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: #685c58;
    display: block;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 576px) {
  body .body-consultation-content,
body#studiov2 .body-consultation-content {
    padding-bottom: 100px;
  }
  body .body-consultation-content .prescription-btns,
body#studiov2 .body-consultation-content .prescription-btns {
    max-width: initial;
    width: 100%;
    line-height: normal;
  }
  body .body-consultation-content a.lobby-entry-btns,
body#studiov2 .body-consultation-content a.lobby-entry-btns {
    font-size: 20px;
  }
}
.landscape {
  display: none !important;
}

.portrait {
  display: none !important;
}

.landscape-mode .landscape {
  display: block !important;
}
.landscape-mode .portrait {
  display: none !important;
}

.portrait-mode .landscape {
  display: none !important;
}
.portrait-mode .portrait {
  display: block !important;
}

@media (max-width: 768px) {
  body.page-template-page-locker-room #content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-template-page-locker-room #content article {
    padding: 0;
  }
  body.page-template-page-locker-room #content article #wpdcom {
    margin: 0;
    padding: 0 8px;
  }
  body.page-template-page-locker-room #content article #wpdcom .wpd-thread-list .wpd-comment {
    border-bottom: 1px solid #d7d2cf;
    margin-bottom: 28px;
    padding: 5px 0;
  }
  body.page-template-page-locker-room #content article #wpdcom .wpd-thread-list .wpd-comment .wpd-comment-header .wpd-user-info {
    margin-left: 0;
  }
  body.page-template-page-locker-room #content article #wpdcom .wpd-thread-list .wpd-comment .wpd-reply {
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  body.page-template-page-locker-room #content article #wpdcom .wpd-thread-list .wpd-comment .wpd-reply .wpd-comment-wrap {
    margin-bottom: 10px;
    padding-top: 40px;
  }
}

body.theWay {
  color: var(--text-color-body);
  text-align: center;
}
body.theWay .content-container, body.theWay .content-container .row {
  height: var(--hero-height);
  max-height: var(--hero-height);
  min-height: var(--hero-height);
}
body.theWay h2, body.theWay h3, body.theWay h4 {
  font-family: var(--text-family-header);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--text-color-header);
  margin-top: 30px;
}
body.theWay h3, body.theWay h4 {
  position: relative;
  margin-bottom: 20px;
}
body.theWay h3::after, body.theWay h4::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--text-color-body);
  width: 70px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  margin-top: 10px;
  bottom: -10px;
}
body.theWay h1 {
  font-size: var(--text-size-header1);
  color: var(--text-color-body);
  font-family: var(--text-family-header);
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
body.theWay h2 {
  font-size: var(--text-size-header2);
}
body.theWay h3 {
  font-size: var(--text-size-header3);
  display: grid;
}
body.theWay h4 {
  font-size: var(--text-size-header4);
}
body.theWay h5 {
  font-size: var(--text-size-header5);
}
body.theWay .row {
  font-size: var(--text-size-body);
}
body.theWay footer {
  position: relative;
  height: auto;
}

.ta-separator {
  background-color: #fff;
  width: 1px;
  height: 130px;
  margin: 30px auto;
  position: relative;
  box-sizing: content-box;
}
.ta-separator::before {
  content: "";
  display: block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ta-separator::after {
  content: "▲";
  display: block;
  margin: 0;
  padding: 0;
  transform: rotate(180deg);
  position: absolute;
  top: 95%;
  left: -3px;
  font-size: 7px;
  color: #fff;
}

.theWayHero {
  background-image: url(../jpg/theway-mobile.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: var(--hero-height);
}
@media (min-width: 992px) {
  .theWayHero {
    background-image: url(../jpg/the-way-banner-desktop.jpg);
  }
}
.theWayHero .theWayHero1 {
  margin-left: 9%;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .theWayHero .theWayHero1 {
    margin-left: 2%;
  }
}
@media (min-width: 1200px) {
  .theWayHero .theWayHero1 {
    margin-left: 7%;
  }
}
.theWayHero .theWayHero2 {
  margin-left: 36%;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .theWayHero .theWayHero2 {
    margin-left: 33%;
  }
}
@media (min-width: 1200px) {
  .theWayHero .theWayHero2 {
    margin-left: 21%;
  }
}
/*# sourceMappingURL=style.css.map */