#carouselMobileIndicators {
  max-height: 640px; }

.carousel-control-next, .carousel-control-prev {
  width: auto; }

.carousel-control-prev-icon, .carousel-control-next-icon {
  height: 60px;
  width: 31px;
  outline: white;
  background-size: 100%, 100%;
  background-image: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 31px;
  color: red;
  padding-top: 9px;
  background-color: #fff; }

.carousel-control-next-icon:after {
  content: "\f054"; }

.carousel-control-prev-icon:after {
  content: "\f053"; }

body {
  font-family: baskerville-urw, serif; }

#menu-item-359335 {
  padding-right: 0px; }

#menu-main-menu .start-workout {
  display: none; }

#mainnavbar #menu-main-menu {
  justify-content: flex-end; }

.bg-light {
  background-color: #fff !important; }

header {
  font-family: futura-pt, sans-serif; }
  header .navbar-expand-lg .navbar-nav {
    margin: auto;
    font-size: 20px; }
    header .navbar-expand-lg .navbar-nav a.nav-link {
      padding-left: 20px;
      padding-right: 20px; }
  header .bg-light {
    background-color: #fff !important; }
  header .user-menu a {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    color: #fff;
    padding: 5px;
    background-color: #e91d26;
    display: block;
    text-align: center;
    font-size: 30px; }

.video_script {
  width: 1200px; }

.video-overlay .MuiPaper-root {
  background-color: #000;
  color: #fff; }
.video-overlay .App-paper-2 {
  padding: 0 !important; }

.flipbook #video_script {
  height: 800px; }

.selected-playlist-row, .selected-videolist-row {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .5s ease-out; }
  .selected-playlist-row.active, .selected-videolist-row.active {
    opacity: 1;
    max-height: 1000px; }

.selected-videolist-row {
  margin-top: 0px;
  margin-bottom: 0px; }
  .selected-videolist-row.active {
    opacity: 1;
    max-height: 1000px; }

#per4manceProgram .subplaylist.video-playlist {
  margin-top: 50px;
  margin-bottom: 50px; }
  #per4manceProgram .subplaylist.video-playlist .item-description {
    font-size: 18px;
    line-height: normal; }

.slick-list > .slick-track {
  margin-left: 0; }

.main-banner {
  background-image: url(https://tracyanderson.com/per4mance-program/images/P4P_Header.jpg);
  background-size: cover;
  background-position: left center; }
  .main-banner:after {
    display: block;
    content: '';
    padding-top: 42.5%; }

#per4manceProgram .mid-banner .left, .equip-bundle-banner .mid-banner .left {
  background-color: #fff;
  color: #000;
  font-size: 28px; }
  #per4manceProgram .mid-banner .left h3, .equip-bundle-banner .mid-banner .left h3 {
    font-family: baskerville-urw, serif;
    font-size: 38px;
    margin-bottom: 20px; }
  #per4manceProgram .mid-banner .left .content-left, .equip-bundle-banner .mid-banner .left .content-left {
    padding: 50px;
    padding-left: 0; }
    #per4manceProgram .mid-banner .left .content-left a.read-more-link, #per4manceProgram .mid-banner .left .content-left .read-more-link, .equip-bundle-banner .mid-banner .left .content-left a.read-more-link, .equip-bundle-banner .mid-banner .left .content-left .read-more-link {
      color: #fff;
      background-color: #beab8c;
      padding: 10px 20px;
      display: inline-block;
      margin-top: 20px;
      font-family: futura-pt, sans-serif;
      font-size: 22px;
      margin-top: 20px;
      font-weight: 100;
      cursor: pointer; }
      #per4manceProgram .mid-banner .left .content-left a.read-more-link:hover, #per4manceProgram .mid-banner .left .content-left .read-more-link:hover, .equip-bundle-banner .mid-banner .left .content-left a.read-more-link:hover, .equip-bundle-banner .mid-banner .left .content-left .read-more-link:hover {
        background-color: #000;
        color: #fff;
        text-decoration: none; }
    #per4manceProgram .mid-banner .left .content-left .description, .equip-bundle-banner .mid-banner .left .content-left .description {
      font-family: futura-pt, sans-serif;
      color: #000;
      font-size: 22px;
      font-weight: 100; }
    #per4manceProgram .mid-banner .left .content-left .mag-subtitle, .equip-bundle-banner .mid-banner .left .content-left .mag-subtitle {
      border-bottom: solid 1px #F00;
      margin-top: 0px !important;
      display: inline-block;
      position: relative;
      top: -5px;
      font-size: 28px !important; }
#per4manceProgram .mid-banner .right, .equip-bundle-banner .mid-banner .right {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer; }
  #per4manceProgram .mid-banner .right:after, .equip-bundle-banner .mid-banner .right:after {
    content: '';
    padding-top: 122.22222%;
    display: block; }

.slick-arrow.slick-disabled {
  display: none !important; }

.slick-arrow.slick-prev {
  left: 0;
  height: 100%;
  text-align: center;
  width: 40px;
  z-index: 100; }
  .slick-arrow.slick-prev:hover, .slick-arrow.slick-prevfocus {
    background-color: rgba(255, 255, 255, 0.5); }
  .slick-arrow.slick-prev:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f053";
    font-weight: 900; }

.slick-arrow.slick-next {
  right: 0;
  height: 100%;
  text-align: center;
  width: 40px;
  z-index: 100; }
  .slick-arrow.slick-next:hover, .slick-arrow.slick-nextfocus {
    background-color: rgba(255, 255, 255, 0.5); }
  .slick-arrow.slick-next:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f054";
    font-weight: 900; }

.slick-next, .slick-prev {
  background: red; }

/**===== circle2 =====*/
#circle2 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spin2 1s infinite linear;
  animation: spin2 1s infinite linear; }

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
#per4manceProgram .slick-slide *:focus, #per4manceProgram .slick-slide *.active {
  outline: none !important; }
#per4manceProgram .group-title {
  font-size: 30px;
  margin-bottom: 70px; }
#per4manceProgram .mag-subtitle {
  margin-top: 0px;
  font-style: italic;
  font-size: 20px !important;
  font-family: baskerville-urw, serif; }
#per4manceProgram .categories {
  margin-top: 20px; }
#per4manceProgram .category, #per4manceProgram .playlist-item {
  position: relative;
  text-align: center;
  cursor: pointer; }
  #per4manceProgram .category:active, #per4manceProgram .category:focus, #per4manceProgram .playlist-item:active, #per4manceProgram .playlist-item:focus {
    outline: none !important; }
  #per4manceProgram .category.active, #per4manceProgram .playlist-item.active {
    opacity: 1.5; }
    #per4manceProgram .category.active .category-title, #per4manceProgram .playlist-item.active .category-title {
      border-bottom: solid 1px #F00; }
  #per4manceProgram .category:hover, #per4manceProgram .playlist-item:hover {
    opacity: 1;
    transition: all .5s ease-out; }
    #per4manceProgram .category:hover .item-description, #per4manceProgram .playlist-item:hover .item-description {
      opacity: 1; }
#per4manceProgram .category-thumb, #per4manceProgram .playlist-item-thumbnail {
  position: relative;
  border: none;
  border-right: solid 4px #fff; }
  #per4manceProgram .category-thumb .item-description, #per4manceProgram .playlist-item-thumbnail .item-description {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    text-align: center;
    color: #fff;
    top: 0;
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    opacity: 0.0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all .5s ease-out; }
  #per4manceProgram .category-thumb img, #per4manceProgram .playlist-item-thumbnail img {
    width: 100%;
    height: auto; }
#per4manceProgram .category-title {
  line-height: normal;
  text-align: center;
  margin: 10px;
  font-size: 20px;
  color: #666;
  padding-bottom: 5px;
  display: inline-block; }
#per4manceProgram .category-playlist {
  max-height: 0;
  overflow: hidden;
  margin-left: 100px;
  margin-right: 100px;
  transition: max-height 1s ease-out; }
  #per4manceProgram .category-playlist.focused {
    max-height: 800px; }
#per4manceProgram .subplaylist {
  margin-top: 70px; }
#per4manceProgram .playlist-item-title, #per4manceProgram .category-title {
  color: #000;
  font-size: 22px  !important;
  margin-top: 22px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 100  !important;
  font-family: futura-pt, sans-serif;
  line-height: 22px; }
#per4manceProgram .the-subtitle {
  font-style: italic; }
#per4manceProgram .playlist-item {
  cursor: pointer; }
  #per4manceProgram .playlist-item:hover {
    text-decoration: none; }
    #per4manceProgram .playlist-item:hover .playlist-item-thumbnail .play-btn {
      opacity: 0; }
  #per4manceProgram .playlist-item .playlist-item-title {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 10px;
    font-weight: normal; }
  #per4manceProgram .playlist-item .playlist-item-duration {
    font-weight: normal;
    font-size: 18px;
    float: right;
    margin-right: 10px; }
  #per4manceProgram .playlist-item .playlist-item-thumbnail {
    position: relative; }
    #per4manceProgram .playlist-item .playlist-item-thumbnail img {
      width: 100%;
      height: auto; }
    #per4manceProgram .playlist-item .playlist-item-thumbnail .play-btn {
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      display: none;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      #per4manceProgram .playlist-item .playlist-item-thumbnail .play-btn .fas {
        color: rgba(255, 255, 255, 0.6);
        font-size: 70px; }
#per4manceProgram .loading {
  opacity: 0;
  transition: opacity 1s ease-out; }
  #per4manceProgram .loading.busy {
    opacity: 1; }

.mid-banner {
  margin-top: 50px;
  margin-bottom: 50px; }
  .mid-banner .container .row {
    margin-left: 100px;
    margin-right: 100px; }
  .mid-banner .container img {
    display: block;
    width: 100%;
    height: auto; }

.slick-arrow {
  margin-top: -35px; }
  .slick-arrow:before {
    color: #aaa !important; }

.body.video {
  margin-top: 20px; }
  .body.video .the-content {
    padding: 20px; }
  .body.video iframe {
    width: 100% !important;
    height: 100% !important; }
  .body.video .related-videos h4 {
    margin-bottom: 20px; }
  .body.video .related-videos .related-video {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: solid 1px #ccc; }
    .body.video .related-videos .related-video .related-video-thumbnail img {
      width: 100%;
      height: auto; }
    .body.video .related-videos .related-video .related-video-title {
      margin-top: 5px; }
  .body.video .description {
    padding: 20px;
    font-size: 18px; }

.video-modal-title {
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px; }

.video-modal-description {
  padding: 0px;
  color: #ccc;
  font-size: 16px;
  margin-top: 20px;
  font-family: futura-pt, sans-serif; }

.modal-video-size {
  min-height: 500px;
  width: 1200px !important; }
  .modal-video-size .loading {
    opacity: 0;
    transition: all 1s ease-out;
    min-height: 0px;
    position: absolute;
    left: 10px;
    top: 40px;
    bottom: 0;
    right: 10px;
    z-index: 100;
    pointer-events: none;
    background-color: #000;
    overflow: hidden; }
    .modal-video-size .loading.busy {
      opacity: 1;
      min-height: 500px; }
  .modal-video-size #circle2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    border: 4px rgba(255, 255, 255, 0.25) solid;
    border-top: 4px white solid;
    border-radius: 50%;
    -webkit-animation: spin2 1s infinite linear;
    animation: spin2 1s infinite linear; }

.decorative-row {
  background-image: url(https://tracyanderson.com/wp-content/themes/tracyanderson/images/patterns_new3.jpg);
  width: 100%;
  background-repeat: repeat;
  height: 100px; }

.jss2 {
  padding: 0px; }

.modal-video-size {
  padding-bottom: 10px; }

.component {
  padding-left: 100px;
  padding-right: 100px; }

.equip-bundle-banner .mid-banner .left .content-left {
  padding: 50px;
  padding-right: 0; }
.equip-bundle-banner .mid-banner .right {
  background-size: 100% auto; }
.equip-bundle-banner .mid-banner .container .row {
  margin-left: 125px;
  margin-right: 125px; }
.equip-bundle-banner .mid-banner .right:after {
  padding-top: 130%; }

@media (min-width: 1200px) {
  .container {
    max-width: 1350px;
    margin: auto;
    padding: 0 30px; }

  .modal-video-size {
    width: 991px !important; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 1200px) {
  .mid-banner .left h3 {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 20px; }

  .mid-banner .left {
    font-size: 22px;
    line-height: normal; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .modal-video-size {
    width: 768px !important; }

  .mid-banner .right {
    min-height: 600px;
    background-size: 100% auto; }

  .mid-banner .container .row {
    margin-left: 50px;
    margin-right: 50px; }

  .component {
    padding-left: 50px;
    padding-right: 50px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .modal-video-size {
    width: 480px !important; }

  .main-banner {
    background-size: 100% auto;
    background-repeat: no-repeat;
    min-height: 200px; }

  #per4manceProgram .category-title {
    font-size: 16px; }
  #per4manceProgram .playlist-item-title {
    font-size: 14px !important;
    line-height: normal; }

  .container {
    max-width: initial !important; }

  #per4manceProgram .item-description {
    font-size: 12px; }

  .main-banner {
    background-image: url(https://tracyanderson.com/per4mance-program/images/P4P_Banner_Mobile.jpg); }
    .main-banner:after {
      padding-top: 100.142%; }

  .mid-banner .container .row {
    margin-left: 0px;
    margin-right: 0px; }

  .component {
    padding-left: 0px;
    padding-right: 0px; } }
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
.body.teen-stream .main-banner {
  background-image: url(https://tracyanderson.com/teen-stream/images/TA_Teen_Banner_061120.jpg);
  background-position: top center;
  border-bottom: solid 1px #efefef;
  border-top: solid 1px #efefef;
  min-height: 600px;
  -webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1); }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .body.teen-stream .main-banner {
    background-image: url(https://tracyanderson.com/teen-stream/images/TA_Teen_WebBanner_061120.jpg); }
    .body.teen-stream .main-banner:after {
      padding-top: 100.142%; } }
.body.studio-program .main-banner {
  background-image: url(https://tracyanderson.com/online-studio-program/images/OnlineStudio_TopBanner.jpg);
  background-position: top center;
  border-bottom: solid 1px #efefef;
  border-top: solid 1px #efefef;
  min-height: 600px;
  -webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1); }
.body.studio-program .mid-banner .mag-subtitle {
  display: none !important; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .body.studio-program .main-banner {
    background-image: url(https://tracyanderson.com/online-studio-program/images/OnlineStudio_TopBanner_mobile.jpg); }
    .body.studio-program .main-banner:after {
      padding-top: 100.142%; }

  .equip-bundle-banner .mid-banner .container .row {
    margin: 20px; } }

/*# sourceMappingURL=main.css.map */