@charset "UTF-8";
a, .btn-secondary .nextarrow, .btn-secondary .prevarrow, .standard-button, .header-nav .btn-caps, .header-nav .subnav-link, .menudot, .modal-box, .variablecolor, .plain-button, .action-button, .vid .videocover:before, .vid .videocover:after, .standard-form input[type="text"], .standard-form input[type="password"], .standard-form input[type="email"], .standard-form textarea, .group-toggle-button, .source-search, .image-overlay:after, .tiletext {
  -webkit-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.standard-button, .ui-tooltip, .standard-form input[type="text"], .standard-form input[type="password"], .standard-form input[type="email"], .standard-form textarea, .source-search, #buy_promo, .recording-list > li, .course-list {
  border-radius: 4px; }

.tooltip-menu, .modal-box, .upload-box {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px; }

/**
 * @license
 * MyFonts Webfont Build ID 2940840, 2014-12-16T23:39:44-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FreightTextProBold-Regular by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-text-pro/bold/
 * Copyright: Copyright © 2004-2009, Joshua Darden & Phil's Fonts, Inc. All rights reserved. Published by Garagefonts USA 301-879-9222 www.garagefonts.com
 *
 * Webfont: FreightTextProBook-Italic by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-text-pro/book-italic/
 * Copyright: Copyright © 2004-2009, Joshua Darden & Phil's Fonts, Inc. All rights reserved. Published by Garagefonts USA 301-879-9222 www.garagefonts.com
 *
 * Webfont: FreightTextProBook-Regular by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-text-pro/book/
 * Copyright: Copyright © 2004-2009, Joshua Darden & Phil's Fonts, Inc. All rights reserved. Published by Garagefonts USA 301-879-9222 www.garagefonts.com
 *
 * Webfont: FreightTextProBold-Italic by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-text-pro/bold-italic/
 * Copyright: Copyright © 2004-2009, Joshua Darden & Phil's Fonts, Inc. All rights reserved. Published by Garagefonts USA 301-879-9222 www.garagefonts.com
 *
 * Webfont: FreightDispProBook-Regular by GarageFonts
 * URL: http://www.myfonts.com/fonts/garagefonts/freight-disp-pro/book/
 * Copyright: Copyright © 2005-2009, Joshua Darden & Phil's Fonts, Inc. All rights reserved. Published by Garagefonts USA 301-879-9222 www.garagefonts.com
 *
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 *
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 *
 * Licenses:
 * http://www.myfonts.com/viewlicense?type=web&buildid=2940840
 * http://www.myfonts.com/viewlicense?type=web&buildid=3095251
 *
 * © 2014 MyFonts Inc
*/
@font-face {
  font-family: 'freight-text-pro';
  src: url("../fonts/freight/2CDFA8_2_0.eot");
  src: url("../fonts/freight/2CDFA8_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/freight/2CDFA8_2_0.woff2") format("woff2"), url("../fonts/freight/2CDFA8_2_0.woff") format("woff"), url("../fonts/freight/2CDFA8_2_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'freight-text-pro';
  src: url("../fonts/freight/2CDFA8_0_0.eot");
  src: url("../fonts/freight/2CDFA8_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/freight/2CDFA8_0_0.woff2") format("woff2"), url("../fonts/freight/2CDFA8_0_0.woff") format("woff"), url("../fonts/freight/2CDFA8_0_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'freight-text-pro';
  src: url("../fonts/freight/2CDFA8_1_0.eot");
  src: url("../fonts/freight/2CDFA8_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/freight/2CDFA8_1_0.woff2") format("woff2"), url("../fonts/freight/2CDFA8_1_0.woff") format("woff"), url("../fonts/freight/2CDFA8_1_0.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'freight-display-pro';
  src: url("../fonts/freight/2CDFA8_4_0.eot");
  src: url("../fonts/freight/2CDFA8_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/freight/2CDFA8_4_0.woff2") format("woff2"), url("../fonts/freight/2CDFA8_4_0.woff") format("woff"), url("../fonts/freight/2CDFA8_4_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proxima/2F3AD3_A_0.eot");
  src: url("../fonts/proxima/2F3AD3_A_0.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/2F3AD3_A_0.woff2") format("woff2"), url("../fonts/proxima/2F3AD3_A_0.woff") format("woff"), url("../fonts/proxima/2F3AD3_A_0.ttf") format("truetype"); }
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proxima/2F3AD3_8_0.eot");
  src: url("../fonts/proxima/2F3AD3_8_0.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/2F3AD3_8_0.woff2") format("woff2"), url("../fonts/proxima/2F3AD3_8_0.woff") format("woff"), url("../fonts/proxima/2F3AD3_8_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
.padding-left-0, .padding-horiz-0 {
  padding-left: 0px; }

.padding-right-0, .padding-horiz-0 {
  padding-right: 0px; }

.padding-top-0, .padding-vert-0 {
  padding-top: 0px; }

.padding-bottom-0, .padding-vert-0 {
  padding-bottom: 0px; }

.padding-left-5, .padding-horiz-5 {
  padding-left: 5px; }

.padding-right-5, .padding-horiz-5 {
  padding-right: 5px; }

.padding-top-5, .padding-vert-5 {
  padding-top: 5px; }

.padding-bottom-5, .padding-vert-5 {
  padding-bottom: 5px; }

.padding-left-10, .padding-horiz-10 {
  padding-left: 10px; }

.padding-right-10, .padding-horiz-10 {
  padding-right: 10px; }

.padding-top-10, .padding-vert-10 {
  padding-top: 10px; }

.padding-bottom-10, .padding-vert-10 {
  padding-bottom: 10px; }

.padding-left-11, .padding-horiz-11 {
  padding-left: 11px; }

.padding-right-11, .padding-horiz-11 {
  padding-right: 11px; }

.padding-top-11, .padding-vert-11 {
  padding-top: 11px; }

.padding-bottom-11, .padding-vert-11 {
  padding-bottom: 11px; }

.padding-left-16, .padding-horiz-16 {
  padding-left: 16px; }

.padding-right-16, .padding-horiz-16 {
  padding-right: 16px; }

.padding-top-16, .padding-vert-16 {
  padding-top: 16px; }

.padding-bottom-16, .padding-vert-16 {
  padding-bottom: 16px; }

.padding-left-20, .padding-horiz-20, .attribution {
  padding-left: 20px; }

.padding-right-20, .padding-horiz-20, .attribution {
  padding-right: 20px; }

.padding-top-20, .padding-vert-20 {
  padding-top: 20px; }

.padding-bottom-20, .padding-vert-20 {
  padding-bottom: 20px; }

.padding-left-22, .padding-horiz-22 {
  padding-left: 22px; }

.padding-right-22, .padding-horiz-22 {
  padding-right: 22px; }

.padding-top-22, .padding-vert-22, .row, .navgroup {
  padding-top: 22px; }

.padding-bottom-22, .padding-vert-22, .row, .navgroup {
  padding-bottom: 22px; }

.padding-left-27, .padding-horiz-27 {
  padding-left: 27px; }

.padding-right-27, .padding-horiz-27 {
  padding-right: 27px; }

.padding-top-27, .padding-vert-27 {
  padding-top: 27px; }

.padding-bottom-27, .padding-vert-27 {
  padding-bottom: 27px; }

.padding-left-33, .padding-horiz-33 {
  padding-left: 33px; }

.padding-right-33, .padding-horiz-33 {
  padding-right: 33px; }

.padding-top-33, .padding-vert-33 {
  padding-top: 33px; }

.padding-bottom-33, .padding-vert-33 {
  padding-bottom: 33px; }

.padding-left-44, .padding-horiz-44 {
  padding-left: 44px; }

.padding-right-44, .padding-horiz-44 {
  padding-right: 44px; }

.padding-top-44, .padding-vert-44 {
  padding-top: 44px; }

.padding-bottom-44, .padding-vert-44 {
  padding-bottom: 44px; }

.margin-left-0, .margin-horiz-0 {
  margin-left: 0px; }

.margin-right-0, .margin-horiz-0 {
  margin-right: 0px; }

.margin-top-0, .margin-vert-0 {
  margin-top: 0px; }

.margin-bottom-0, .margin-vert-0 {
  margin-bottom: 0px; }

.margin-left-5, .margin-horiz-5 {
  margin-left: 5px; }

.margin-right-5, .margin-horiz-5 {
  margin-right: 5px; }

.margin-top-5, .margin-vert-5 {
  margin-top: 5px; }

.margin-bottom-5, .margin-vert-5 {
  margin-bottom: 5px; }

.margin-left-10, .margin-horiz-10 {
  margin-left: 10px; }

.margin-right-10, .margin-horiz-10 {
  margin-right: 10px; }

.margin-top-10, .margin-vert-10 {
  margin-top: 10px; }

.margin-bottom-10, .margin-vert-10 {
  margin-bottom: 10px; }

.margin-left-11, .margin-horiz-11 {
  margin-left: 11px; }

.margin-right-11, .margin-horiz-11 {
  margin-right: 11px; }

.margin-top-11, .margin-vert-11 {
  margin-top: 11px; }

.margin-bottom-11, .margin-vert-11 {
  margin-bottom: 11px; }

.margin-left-22, .margin-horiz-22 {
  margin-left: 22px; }

.margin-right-22, .margin-horiz-22 {
  margin-right: 22px; }

.margin-top-22, .margin-vert-22 {
  margin-top: 22px; }

.margin-bottom-22, .margin-vert-22, .row {
  margin-bottom: 22px; }

.margin-left-33, .margin-horiz-33 {
  margin-left: 33px; }

.margin-right-33, .margin-horiz-33 {
  margin-right: 33px; }

.margin-top-33, .margin-vert-33 {
  margin-top: 33px; }

.margin-bottom-33, .margin-vert-33 {
  margin-bottom: 33px; }

.margin-left-44, .margin-horiz-44 {
  margin-left: 44px; }

.margin-right-44, .margin-horiz-44 {
  margin-right: 44px; }

.margin-top-44, .margin-vert-44 {
  margin-top: 44px; }

.margin-bottom-44, .margin-vert-44 {
  margin-bottom: 44px; }

@keyframes logo {
  0% {
    fill: #FC5D2B; }
  100% {
    fill: #F3A42D; } }
@-webkit-keyframes logo {
  0% {
    fill: #FC5D2B; }
  100% {
    fill: #F3A42D; } }
@-moz-keyframes logo {
  0% {
    fill: #FC5D2B; }
  100% {
    fill: #F3A42D; } }
@keyframes logoodd {
  0% {
    fill: #F3A42D; }
  100% {
    fill: #FC5D2B; } }
@-webkit-keyframes logoodd {
  0% {
    fill: #F3A42D; }
  100% {
    fill: #FC5D2B; } }
@-moz-keyframes logoodd {
  0% {
    fill: #F3A42D; }
  100% {
    fill: #FC5D2B; } }
@keyframes loadingspin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes loadingspin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes loadingspin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.allcaps, .fixed-nav > h3, .subnav-link {
  text-transform: uppercase;
  letter-spacing: 1px; }

.lightweight {
  font-weight: 300; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix {
  clear: both; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.breaker:after {
  content: "";
  width: 170px;
  display: block;
  margin: auto;
  padding: 11px 0; }
.breaker:before {
  border-top: 1px solid #cfcfcf; }
.breaker:after {
  border-bottom: 1px solid #cfcfcf; }
.breaker.extra-breaker:after {
  padding: 22px 0; }

.tooltip-menu {
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -87px;
  top: 55px;
  width: 174px;
  box-shadow: 0 1px 5px #999;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 10px, 0) scale(0.9, 0.9);
  -moz-transform: translate3d(0, 10px, 0) scale(0.9, 0.9);
  -ms-transform: translate3d(0, 10px, 0) scale(0.9, 0.9);
  -o-transform: translate3d(0, 10px, 0) scale(0.9, 0.9);
  transform: translate3d(0, 10px, 0) scale(0.9, 0.9);
  -webkit-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -ms-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .tooltip-menu.active {
    opacity: 1;
    visibility: visible;
    z-index: 1001;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    -moz-transform: translate3d(0, 0, 0) scale(1, 1);
    -ms-transform: translate3d(0, 0, 0) scale(1, 1);
    -o-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s; }
  .tooltip-menu ul {
    list-style: none;
    padding: 7px 0; }
    .tooltip-menu ul:not(:last-of-type) {
      border-bottom: 1px solid #F2EFF6; }
  .tooltip-menu button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 0;
    outline: none;
    width: 100%;
    text-align: left; }
  .tooltip-menu a, .tooltip-menu button {
    font-size: 13px;
    display: block;
    padding: 7px 10px;
    color: #3B3346; }
    .tooltip-menu a:hover, .tooltip-menu button:hover {
      background: #F2EFF6;
      color: #60516E; }
    .tooltip-menu a:active, .tooltip-menu button:active {
      background: #60516E;
      color: #fff; }
  .tooltip-menu:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #F2EFF6;
    border-width: 12px;
    margin-left: -12px; }
  .tooltip-menu:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #F2EFF6;
    border-bottom-color: #fff; }
  .tooltip-menu.left-arrow:before, .tooltip-menu.left-arrow:after {
    left: auto;
    content: "";
    position: absolute;
    border: 10px solid transparent;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    border-right-color: #F2EFF6; }
  .tooltip-menu.left-arrow:before {
    border-width: 12px;
    margin-top: -12px; }
  .tooltip-menu.left-arrow:after {
    border-right-color: #fff; }

.settings-avatar {
  vertical-align: middle;
  border-radius: 50%;
  margin-top: -4px; }

.settings-menu {
  position: relative;
  display: inline-block; }

.right-menu {
  left: auto;
  margin-left: 0;
  right: 0; }
  .right-menu:before, .right-menu:after {
    left: auto;
    margin-left: 0; }
  .right-menu:before {
    right: 10px; }
  .right-menu:after {
    right: 11px; }

p, .fixedwidth-page .content p, .fixedwidth-page .content ol, .fixedwidth-page .content ul, .fixedwidth-page footer p, .fixedwidth-page footer ol, .fixedwidth-page footer ul {
  margin-bottom: 22px; }

h1, h2, h3, h4, h5, h6 {
  font: 400 16px/22px "freight-display-pro", serif; }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 6px; }

h1 {
  font-size: 55px;
  line-height: 55px;
  letter-spacing: -1px; }

h2 {
  font-size: 34px;
  line-height: 36px; }

h3 {
  font-size: 26px;
  line-height: 28px; }

h4 {
  font-size: 21px;
  line-height: 22px; }

h5 {
  font-size: 16px; }

p {
  font-size: 16px;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, arial, sans-serif; }

blockquote {
  font: 300 21px/22px "freight-display-pro", serif;
  padding: 22px 20px;
  position: relative; }
  blockquote:before {
    content: "\201c";
    position: absolute;
    font-size: 34px;
    opacity: .4;
    left: 0; }

.attribution {
  opacity: .8; }

.subhead {
  font-size: 1.5em;
  line-height: 1.2em;
  font-family: "freight-display-pro", serif; }

.small {
  font-size: .8125rem;
  line-height: 18px; }

.text-muted {
  color: #9c9c9c; }

a {
  color: #f7802c;
  text-decoration: none; }
  a:hover {
    color: #e76509; }
  a.upgrade-link {
    color: #A4A1A6; }
    a.upgrade-link .fakelink {
      color: #f7802c; }
    a.upgrade-link:hover {
      color: #000; }
      a.upgrade-link:hover .fakelink {
        color: #FC5D2B; }

.fluid-image {
  width: 100%;
  border: 0;
  vertical-align: top; }

.btn-caps, .subnav-link {
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  font-size: 11px; }

.btn-secondary {
  color: #A4A1A6; }
  .btn-secondary .nextarrow, .btn-secondary .prevarrow {
    display: inline-block; }
  .btn-secondary:hover {
    color: #000; }
    .btn-secondary:hover .prevarrow, .btn-secondary:hover .nextarrow {
      color: #A4A1A6; }
    .btn-secondary:hover .prevarrow {
      -webkit-transform: translateX(-5px);
      -moz-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
      -o-transform: translateX(-5px);
      transform: translateX(-5px); }
    .btn-secondary:hover .nextarrow {
      -webkit-transform: translateX(5px);
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -o-transform: translateX(5px);
      transform: translateX(5px); }

.standard-button {
  font: 16px/22px "freight-text-pro", serif;
  outline: none;
  cursor: pointer; }

.standard-button {
  background: #FC5D2B;
  color: #fff;
  border: 0;
  padding: 8px 16px; }
  .standard-button:hover, .standard-button:active {
    color: #fff; }
  .standard-button:hover {
    background: #be3003; }
  .standard-button:active {
    background: #8c2302;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased; }
  body.menudisplay .homepage-container, body.menudisplay .appwrapper {
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }

.ie9 body.menudisplay .homepage-container, .ie9 body.menudisplay .appwrapper {
  left: 300px; }

button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  background: 0;
  outline: none;
  cursor: pointer;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-size: 16px; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }

.col-1 {
  width: 75px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-1.single-col {
    float: none; }

.col-2 {
  width: 170px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-2.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-2 {
      width: 50%;
      margin: 0; } }

.col-3 {
  width: 265px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-3.single-col {
    float: none; }

.col-4 {
  width: 360px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-4.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-4 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-5 {
  width: 455px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-5.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-5 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-6 {
  width: 550px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-6.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-6 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-7 {
  width: 645px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-7.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-7 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-8 {
  width: 740px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-8.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-8 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-9 {
  width: 835px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-9.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-9 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-10 {
  width: 930px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-10.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-10 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-11 {
  width: 1025px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-11.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-11 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-12 {
  width: 1120px;
  margin-left: 10px;
  margin-right: 10px;
  float: left; }
  .col-12.single-col {
    float: none; }
  @media (max-width: 768px) {
    .col-12 {
      width: 100%;
      float: none;
      margin-left: 0;
      margin-right: 0; } }

.col-center {
  margin: auto; }

.col-three {
  width: 33.3333%; }
  @media (max-width: 768px) {
    .col-three {
      width: 80%;
      margin: 10px 10%; } }

#headwrap {
  box-shadow: 0 -1px 0 #cfcfcf inset;
  background: #fff; }

.inline-container {
  font-size: 0; }

.inline-block, .col-three {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 16px; }

.appwidth {
  margin: auto;
  width: 930px; }
  .appwidth:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 950px) {
    .appwidth {
      width: 740px; }
      .appwidth .col-10, .appwidth .col-9 {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0; } }
  @media (max-width: 768px) {
    .appwidth {
      width: 90%; } }

.container-el {
  position: relative; }

.mobile-only {
  display: none !important; }
  @media (max-width: 768px) {
    .mobile-only {
      display: block !important; } }
  .mobile-only.unsupported .speed-unsupported-tip {
    bottom: auto;
    top: 80%; }
    .mobile-only.unsupported .speed-unsupported-tip:after {
      display: none; }

@media (max-width: 768px) {
  .extra-text {
    display: none; } }

.midwidth-only {
  display: none !important; }
  @media (max-width: 950px) {
    .midwidth-only {
      display: block !important; } }

.maxwidth-only {
  display: none !important; }
  @media (min-width: 951px) {
    .maxwidth-only {
      display: block !important; } }

.page-header {
  padding: 10px 0; }
  @media (max-width: 768px) {
    .page-header {
      padding: 0; } }

.header-nav {
  min-height: 52px; }
  .header-nav .btn-caps, .header-nav .subnav-link {
    margin: 13px 8px 8px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 0;
    color: #A4A1A6;
    position: relative; }
    @media (max-width: 768px) {
      .header-nav .btn-caps, .header-nav .subnav-link {
        margin: 11px 5px 8px; } }
    .header-nav .btn-caps:hover, .header-nav .subnav-link:hover {
      color: #3B3346; }
  @media (max-width: 768px) {
    .header-nav {
      width: 100%; } }

@media (max-width: 768px) {
  .desktop-menu {
    display: none; } }
.desktop-menu > .pull-left {
  margin-left: -8px; }
.desktop-menu > .pull-right {
  margin-right: -8px; }

.mobile-menu {
  min-height: 53px;
  padding: 2px 2.5%; }
  .mobile-menu .btn-caps, .mobile-menu .subnav-link {
    font-size: 11px; }
  .mobile-menu .menudot {
    margin-bottom: 2px; }

#menulink:hover .menudot {
  background: #3B3346; }

.menudot {
  width: 3px;
  height: 3px;
  display: inline-block;
  margin-bottom: 3px;
  background: #A4A1A6;
  border-radius: 50%;
  margin-right: -1px; }

.search-icon {
  vertical-align: sub; }

.footer-nav a {
  padding: 0 10px; }

.fixed-nav {
  position: absolute;
  float: none; }
  .fixed-nav > h3 {
    font-size: 11px;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: bold;
    color: #A4A1A6; }
  .fixed-nav a {
    display: block;
    padding: 3px 0;
    color: #000;
    font: 300 16px/22px "freight-text-pro", serif; }
    .fixed-nav a:hover, .fixed-nav a:active {
      color: #A4A1A6; }
  .fixed-nav.fixed {
    position: fixed;
    top: 0; }
  .fixed-nav + .col-8, .fixed-nav + .col-6 {
    -webkit-transform: translateX(190px);
    -moz-transform: translateX(190px);
    -ms-transform: translateX(190px);
    -o-transform: translateX(190px);
    transform: translateX(190px); }
  @media (max-width: 950px) {
    .fixed-nav + .col-8 {
      width: 550px; } }
  @media (max-width: 768px) {
    .fixed-nav, .fixed-nav.fixed {
      position: relative;
      width: 100%;
      padding-top: 0; }
    .fixed-nav + .col-8 {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }

.toplevel-subnav {
  border-bottom: 1px solid #cfcfcf;
  padding: 17px 0; }
  @media (max-width: 768px) {
    .toplevel-subnav {
      padding: 17px 22px; }
      .toplevel-subnav .appwidth {
        width: 100%; } }

.teachlink-wrap {
  position: relative; }
  .teachlink-wrap .ui-tooltip {
    top: 130%;
    bottom: auto;
    text-align: center;
    text-transform: none;
    letter-spacing: 0; }
    .teachlink-wrap .ui-tooltip:before, .teachlink-wrap .ui-tooltip:after {
      top: auto;
      bottom: 100%;
      border-top-color: transparent; }
    .teachlink-wrap .ui-tooltip:before {
      border-bottom-color: rgba(0, 0, 0, 0.2); }
    .teachlink-wrap .ui-tooltip:after {
      border-bottom-color: #fff; }
  .teachlink-wrap:hover .hiddentip {
    visibility: visible;
    z-index: 1000;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s; }

.prostripe {
  background: whitesmoke; }
  .prostripe p {
    font-family: "freight-text-pro", serif; }
  .prostripe a {
    color: #000;
    border-bottom: 1px solid #A4A1A6; }
    .prostripe a:hover {
      color: #A4A1A6; }

.library-page .library-link {
  color: #000; }

.pitchperfect .store-link {
  color: #000; }

.pro-page .pro-link {
  color: #000; }
  .pro-page .pro-link .pro-badge {
    background: #FC5D2B; }

.community-page .community-link {
  color: #000; }

.subnav-link {
  display: inline-block;
  color: #9c9c9c;
  padding: 0 10px;
  position: relative;
  border-bottom: 0; }
  .subnav-link:first-of-type {
    padding-left: 0; }
    .subnav-link:first-of-type.active:after {
      left: calc(50% - 5px); }
  .subnav-link:hover, .subnav-link:active, .subnav-link.active {
    color: #000; }
  .subnav-link.active:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #FC5D2B;
    border-radius: 50%;
    position: absolute;
    bottom: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

.pro-badge {
  position: absolute;
  border-radius: 50%;
  background: #cfcfcf;
  color: #fff;
  padding: 3px;
  letter-spacing: 0;
  text-align: center;
  bottom: 10px;
  right: -12px;
  width: 18px;
  height: 18px; }

#searchlink {
  padding-right: 0; }

.hiddenblockelement {
  display: none; }
  .hiddenblockelement.active {
    display: block; }

.hiddeninline {
  display: none; }
  .hiddeninline.active {
    display: inline; }

.hiddentip {
  visibility: hidden;
  z-index: 0;
  opacity: 0;
  -webkit-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .hiddentip.active {
    visibility: visible;
    z-index: 1000;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s; }

.ui-tooltip {
  position: absolute;
  bottom: 100%;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  margin-bottom: 20px;
  background: #fff;
  color: #3B3346;
  padding: 10px;
  z-index: 0;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .ui-tooltip:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top-color: #F2EFF6;
    border-width: 12px;
    margin-left: -12px;
    border-top-color: rgba(0, 0, 0, 0.2); }
  .ui-tooltip:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top-color: #F2EFF6;
    border-top-color: #fff; }
  .ui-tooltip.active {
    visibility: visible;
    z-index: 1000;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s; }

.list-inline li {
  display: inline-block; }

.pagecontent {
  position: relative;
  z-index: 1;
  background: #fff; }

.navgroup {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

.navgroup-primary {
  font-family: "freight-display-pro", serif;
  font-size: 21px; }

.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, z-index 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 5000;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s; }
    .modal.active .modal-box {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      -moz-transform: translate3d(-50%, -50%, 0) scale(1);
      -ms-transform: translate3d(-50%, -50%, 0) scale(1);
      -o-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1); }

.search-modal {
  background: rgba(255, 255, 255, 0.95); }

.modal-box {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0.8);
  -ms-transform: translate3d(-50%, -50%, 0) scale(0.8);
  -o-transform: translate3d(-50%, -50%, 0) scale(0.8);
  transform: translate3d(-50%, -50%, 0) scale(0.8); }

#logo, #logoword {
  width: 200px;
  height: 45px; }

@media (max-width: 768px) {
  .logowrap {
    width: 54px;
    height: 44px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); } }

#logo {
  display: block;
  position: relative;
  margin: auto; }
  #logo:hover .variablecolor {
    fill: #3B3346; }
  #logo:hover .oddline {
    -webkit-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -moz-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -ms-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -o-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite; }
  #logo:hover .evenline {
    -webkit-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -moz-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -ms-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -o-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite; }

.variablecolor {
  fill: #60516E; }

#logoword {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0; }

@media (max-width: 768px) {
  .soundslice-word {
    display: none; } }

.loaderscreen {
  background-color: rgba(255, 255, 255, 0.95);
  text-align: center; }

.loadercontent {
  position: relative;
  top: 50%;
  height: 210px;
  margin-top: -135px; }

#loaderlogo {
  position: relative;
  margin: auto;
  height: 80px;
  margin-bottom: 22px; }
  #loaderlogo svg {
    position: relative;
    width: 100%;
    height: 100%; }
  #loaderlogo .evenline {
    -webkit-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -moz-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -ms-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -o-animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    animation: logoodd 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite; }
  #loaderlogo .oddline {
    -webkit-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -moz-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -ms-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    -o-animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite;
    animation: logo 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate infinite; }

.loaderbar {
  width: 30%;
  margin: 0 auto 11px;
  overflow: hidden;
  background: #cfcfcf;
  position: relative; }

.loaderbar, .loaderbar-progress {
  border-radius: 4px;
  height: 2px; }

.loaderbar-progress {
  width: 0%;
  background: #FC5D2B;
  -webkit-transition: width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 150ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.formwrapper {
  width: 70%;
  display: block;
  margin: 10% auto;
  position: relative; }

#searchbar {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-bottom: 1px solid #9c9c9c;
  background: none;
  width: 100%;
  font: normal 21px/30px "freight-text-pro", serif;
  outline: none;
  padding-right: .71em;
  padding-right: 3rem;
  margin-bottom: .444em;
  margin-bottom: 1rem; }
  #searchbar:focus {
    border-bottom: 1px solid #3B3346; }

.searchactions {
  position: absolute;
  right: 0;
  top: .5em;
  top: .5rem; }

.plain-button {
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-size: 16px;
  color: #6d5e81; }
  .plain-button:hover {
    color: #FC5D2B; }

.flag--img, .flag--text {
  display: table-cell;
  vertical-align: middle; }

.flag--img {
  padding-right: 5px; }
  .flag--img > img {
    display: block;
    max-width: none; }

.ui-label {
  font-family: "proxima-nova", helvetica, arial, sans-serif; }

.action-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: .7; }
  .action-button:hover {
    opacity: 1; }

.svg-icon {
  width: 32px;
  height: 32px;
  vertical-align: middle; }

.svg-icon-small {
  width: 24px;
  height: 24px; }

.svg-icon-big {
  width: 48px;
  height: 48px; }

.light-icon {
  color: #fff; }

.fixedwidth-page .content {
  padding: 3rem 0; }
  .fixedwidth-page .content.padding-top-0, .fixedwidth-page .content.padding-vert-0 {
    padding-top: 0; }
  .fixedwidth-page .content.padding-bottom-0, .fixedwidth-page .content.padding-vert-0 {
    padding-bottom: 0; }
.fixedwidth-page .content p, .fixedwidth-page .content ol, .fixedwidth-page .content ul, .fixedwidth-page footer p, .fixedwidth-page footer ol, .fixedwidth-page footer ul {
  font: 300 21px/30px "freight-text-pro", serif; }
  .fixedwidth-page .content p.small, .fixedwidth-page .content ol.small, .fixedwidth-page .content ul.small, .fixedwidth-page footer p.small, .fixedwidth-page footer ol.small, .fixedwidth-page footer ul.small {
    font-size: 16px;
    line-height: 22px; }
.fixedwidth-page .content a:hover, .fixedwidth-page footer a:hover {
  text-decoration: underline; }
.fixedwidth-page .content figcaption, .fixedwidth-page footer figcaption {
  font: 300 16px/22px "freight-text-pro", serif;
  padding-top: 11px; }
.fixedwidth-page .help-videos {
  padding: 37.5px 0; }
  .fixedwidth-page .help-videos h1, .fixedwidth-page .help-videos h2 {
    text-align: left; }
    .fixedwidth-page .help-videos h1:after, .fixedwidth-page .help-videos h2:after {
      display: none; }
  @media (max-width: 768px) {
    .fixedwidth-page .help-videos {
      width: 100%; } }
.fixedwidth-page h1, .fixedwidth-page h2 {
  text-align: center; }
  .fixedwidth-page h1:after, .fixedwidth-page h2:after {
    content: "";
    width: 170px;
    display: block;
    margin: auto;
    padding: 22px 0 11px;
    border-bottom: 1px solid #cfcfcf; }
.fixedwidth-page h1 {
  margin-bottom: 44px; }
  .fixedwidth-page h1:after {
    padding-bottom: 22px; }
.fixedwidth-page h2 {
  margin: 55px 0 33px; }
  .fixedwidth-page h2.margin-top-0, .fixedwidth-page h2.margin-vert-0 {
    margin-top: 0; }
.fixedwidth-page .inline-list {
  list-style-type: none; }
  .fixedwidth-page .inline-list li {
    display: inline-block;
    margin-right: 5px; }
    .fixedwidth-page .inline-list li:not(:first-of-type):before {
      content: "·";
      color: #9c9c9c;
      margin-right: 7px; }
.fixedwidth-page small, .fixedwidth-page .small {
  font-size: .8125em;
  font-size: .8125rem; }
.fixedwidth-page footer p {
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 22px; }
.fixedwidth-page pre {
  overflow-x: auto;
  padding: 20px;
  border: 1px solid #cfcfcf;
  background: #e9e9e9;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 44px; }
.fixedwidth-page .code-highlight {
  color: #77C27C; }
.fixedwidth-page .teacher-testimonial {
  font-family: "freight-text-pro", serif; }
  .fixedwidth-page .teacher-testimonial p {
    font-size: 16px;
    line-height: 22px; }
    .fixedwidth-page .teacher-testimonial p:last-of-type:after {
      content: "\201D"; }
  .fixedwidth-page .teacher-testimonial footer {
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    position: relative; }
    .fixedwidth-page .teacher-testimonial footer:before {
      content: "—";
      margin-right: 5px;
      position: absolute;
      left: -1.25rem;
      top: 0; }

.love-page blockquote {
  font-family: "freight-text-pro", serif;
  line-height: 26px;
  padding: 0;
  word-wrap: break-word; }
  .love-page blockquote:before {
    left: -15px; }
  .love-page blockquote a {
    color: #000; }
    .love-page blockquote a:hover {
      color: #A4A1A6; }

.gradient-container {
  background-color: #60516E;
  background-image: -webkit-radial-gradient(center bottom, circle cover, #60516E 70%, #3B3346);
  background-image: -moz-radial-gradient(center bottom, circle cover, #60516E 70%, #3B3346);
  background-image: -ms-radial-gradient(center bottom, circle cover, #60516E 70%, #3B3346);
  background-image: radial-gradient(center bottom, circle cover, #60516E 70%, #3B3346);
  color: #fff;
  position: relative;
  z-index: 5; }
  @media (max-width: 768px) {
    .gradient-container {
      margin-bottom: 0; } }

.blank-slate {
  text-align: center; }

.help-videos figure {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 44px;
  padding: 0 10px; }
  .help-videos figure img, .help-videos figure video {
    width: 100%;
    height: auto; }
  @media (max-width: 768px) {
    .help-videos figure {
      width: 100%; } }

.vid {
  position: relative; }
  .vid .videocover {
    position: absolute;
    width: calc(100% - 20px);
    padding-top: 50%;
    cursor: pointer;
    pointer-events: none; }
    .vid .videocover:before, .vid .videocover:after {
      position: absolute;
      width: 100%;
      top: 0; }
    .vid .videocover:before {
      height: 100%;
      height: -moz-calc(100% - 10px);
      content: "";
      background: rgba(59, 51, 70, 0.7); }
    .vid .videocover:after {
      height: 22px;
      content: "\25BA  Play video";
      font: 300 16px/22px "freight-text-pro", serif;
      text-align: center;
      color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .vid:hover .videocover:after {
    color: #FC5D2B; }
  .vid.active .videocover:before, .vid.active .videocover:after, .vid:active .videocover:before, .vid:active .videocover:after {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7); }

#unverified-stripe {
  background: whitesmoke;
  border-bottom: 1px solid #cfcfcf; }
  #unverified-stripe a {
    color: #000;
    font: 300 16px/22px "freight-text-pro", serif; }
    #unverified-stripe a span {
      border-bottom: 1px solid #A4A1A6; }
    #unverified-stripe a:hover span {
      color: #A4A1A6; }

.not-found {
  background: url(../images/filenotfound.jpg) top left no-repeat;
  background-size: cover;
  color: #fff; }
  .not-found .content a, .not-found footer a {
    color: #fff;
    text-decoration: underline; }

.placeholder-img {
  width: 100%;
  height: 75px;
  background: #cfcfcf;
  display: block;
  border-radius: 50%; }

.standard-form {
  width: 100%;
  position: relative;
  font: 16px/22px "freight-text-pro", serif; }
  .standard-form.field-error input[type="text"], .standard-form.field-error input[type="password"], .standard-form.field-error input[type="email"], .standard-form.field-error textarea {
    border-color: #AF2D1C; }
  .standard-form .label {
    color: #8b878d;
    position: absolute;
    -webkit-transform: translate3d(10px, 100%);
    -moz-transform: translate3d(10px, 100%);
    -ms-transform: translate3d(10px, 100%);
    -o-transform: translate3d(10px, 100%);
    transform: translate3d(10px, 100%);
    font-size: 13px;
    top: .5rem;
    left: .75rem;
    z-index: 1;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-weight: 700; }
  .standard-form input[type="text"], .standard-form input[type="password"], .standard-form input[type="email"], .standard-form textarea {
    border: 1px solid #cfcfcf;
    border-top-color: #A4A1A6;
    padding: 2rem .75rem .75rem;
    width: 100%;
    font: 16px/22px "freight-text-pro", serif; }
    .standard-form input[type="text"]:focus, .standard-form input[type="password"]:focus, .standard-form input[type="email"]:focus, .standard-form textarea:focus {
      outline: none;
      border-color: #60516E; }
  .standard-form .cancel-link {
    color: #A4A1A6; }
    .standard-form .cancel-link:hover {
      color: #AF2D1C; }
  .standard-form select {
    width: 100%; }
  .standard-form .link-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: none;
    font: 16px/22px "freight-text-pro", serif;
    color: #f7802c;
    cursor: pointer;
    display: inline-block; }
    .standard-form .link-button:hover {
      color: #e76509;
      text-decoration: underline; }

.errorlist li {
  list-style-type: none;
  margin-bottom: 11px;
  font-size: 13px;
  color: #AF2D1C; }

.error-msg {
  color: #AF2D1C; }

.radio-container label {
  margin-right: 5px;
  font-family: "proxima-nova", helvetica, arial, sans-serif; }

.toggler-container {
  border-bottom: 1px solid #cfcfcf; }
  .toggler-container .inline-block, .toggler-container .col-three {
    display: inline-block;
    width: 50%;
    text-align: center; }
  .toggler-container label input {
    opacity: 0;
    position: absolute; }

.group-toggle-button {
  border: 1px solid #cfcfcf;
  width: 50%;
  padding: 22px;
  font: normal 21px/22px "freight-text-pro", serif;
  color: #A4A1A6;
  position: relative; }
  .group-toggle-button .small {
    font-size: 16px; }
  .group-toggle-button:first-of-type {
    border-radius: 4px 0 0 4px;
    border-right: 0; }
  .group-toggle-button:last-of-type {
    border-radius: 0 4px 4px 0; }
  @media (max-width: 768px) {
    .group-toggle-button .text-muted {
      font-size: 13px; } }
  .group-toggle-button.active, .group-toggle-button.active:hover {
    background: #60516E;
    color: #fff;
    border-color: #60516E; }
    .group-toggle-button.active:after, .group-toggle-button.active:hover:after {
      content: "";
      position: absolute;
      border: 10px solid transparent;
      top: 100%;
      left: 50%;
      margin-left: -10px;
      border-top-color: #F2EFF6;
      border-top-color: #60516E; }
    .group-toggle-button.active .text-muted, .group-toggle-button.active:hover .text-muted {
      color: rgba(255, 255, 255, 0.5); }
  .group-toggle-button:hover {
    background: whitesmoke; }

.source-search {
  width: 100%;
  padding: .75rem .75rem .75rem 44px;
  border: 1px solid #cfcfcf;
  border-top-color: #A4A1A6;
  font: 16px/22px "freight-text-pro", serif;
  background: #fff url(../images/magnifying-glass.svg) 16px 50% no-repeat; }
  .source-search:focus {
    outline: none;
    border-color: #60516E; }

.registration-stepper {
  position: relative;
  background: whitesmoke;
  border-bottom: 1px solid #cfcfcf; }
  .registration-stepper li {
    display: inline-block;
    width: 25%;
    counter-increment: li;
    text-align: center;
    vertical-align: top;
    position: relative;
    z-index: 5;
    margin-left: -4px;
    font: normal 16px/22px "freight-text-pro", serif; }
    .registration-stepper li:before {
      content: counter(li);
      background: #A4A1A6;
      display: block;
      width: 30px;
      padding: 5px 0;
      margin: auto;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      margin-bottom: 5px;
      font-family: "proxima-nova", helvetica, arial, sans-serif; }
    .registration-stepper li.current-step {
      font-weight: bold; }
      .registration-stepper li.current-step:before {
        background: #FC5D2B;
        font-weight: normal; }
  .registration-stepper:before {
    content: "";
    border-top: 2px solid #A4A1A6;
    position: absolute;
    width: 75%;
    left: 12%;
    top: calc(50% - 15px);
    opacity: .5;
    z-index: 0; }
    @media (max-width: 768px) {
      .registration-stepper:before {
        top: 37px; } }

.register-page .content {
  padding-top: 0; }

fieldset {
  border: 0; }

.upload-box {
  border: 2px dashed #cfcfcf; }

@media (max-width: 768px) {
  .account-block .narrow-block {
    display: block;
    float: none;
    margin: auto; } }

.content {
  padding: 3rem 0; }
  .content p {
    font-family: "freight-text-pro", serif; }

.image-overlay img {
  width: 100%; }

.list-container {
  margin: 0; }

.resultfooter {
  padding: 22px 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf; }

.song-info {
  color: #000;
  margin-bottom: 30px; }
  .song-info p {
    font-family: "freight-text-pro", serif;
    padding-top: 0;
    margin-bottom: 0;
    line-height: 20px; }
  .song-info .updated {
    position: relative;
    padding-top: 5px; }

.progress .image-overlay {
  border-top-color: #F3A42D; }

.complete .image-overlay {
  border-top-color: #77C27C; }

.image-overlay {
  position: relative;
  color: #fff;
  margin-bottom: 5px;
  border-top: 3px solid transparent; }
  .image-overlay:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3B3346;
    opacity: 0;
    background-blend-mode: screen; }
  .image-overlay img {
    display: block; }

.tiletext {
  position: absolute;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateY(-30%) scale(0.9);
  -moz-transform: translateY(-30%) scale(0.9);
  -ms-transform: translateY(-30%) scale(0.9);
  -o-transform: translateY(-30%) scale(0.9);
  transform: translateY(-30%) scale(0.9);
  width: 100%;
  color: #fff;
  z-index: 20;
  font-family: "freight-text-pro", serif; }

.duration {
  display: block;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  opacity: .6; }

.song-tile:hover .image-overlay img {
  -webkit-filter: grayscale(1); }
.song-tile:hover .image-overlay:after {
  opacity: .8; }
.song-tile:hover .image-overlay .tiletext {
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1; }

.avatar-image {
  width: 100%;
  height: auto;
  border-radius: 50%; }

#buy_promo {
  margin: 2em 0 1em;
  margin: 2rem 0 1rem;
  padding: 1em 1em 0;
  padding: 1rem 1rem 0;
  background: whitesmoke;
  border: 1px solid #cfcfcf; }
  #buy_promo .pitchperfect-logo {
    width: 190px; }
  #buy_promo p {
    font: 16px/22px "freight-text-pro", serif; }

.album-purchased h4 {
  font-family: "freight-text-pro", serif;
  font-weight: bold; }
.album-purchased p {
  color: #A4A1A6;
  font-size: 16px; }
@media (max-width: 950px) {
  .album-purchased .col-3 {
    width: 210px; }
  .album-purchased .col-7 {
    width: 495px; } }
@media (max-width: 768px) {
  .album-purchased .col-3 {
    display: block;
    float: none;
    margin-bottom: 11px; }
  .album-purchased .col-7 {
    padding-left: 10px;
    width: 100%; } }

.paymentconf p {
  font-size: 21px;
  line-height: 30px; }

.album-songlist {
  list-style-type: none;
  border-top: 1px solid #cfcfcf; }
  .album-songlist li {
    font: 16px/22px "freight-text-pro", serif;
    border-bottom: 1px solid #cfcfcf; }
    .album-songlist li a {
      color: #000;
      display: block;
      padding: 16px 0; }
      .album-songlist li a:hover {
        color: #FC5D2B; }

.action-table {
  font: 16px/22px "freight-text-pro", serif;
  width: 100%; }

.score-listing {
  background: #fff; }
  .score-listing .svg-icon {
    position: relative;
    top: -1px;
    margin-right: 5px; }

.scores {
  padding: 11px;
  list-style-type: none;
  position: relative;
  border-bottom: 1px solid gainsboro; }
  .scores .btn-caps, .scores .subnav-link {
    font-family: "proxima-nova", helvetica, arial, sans-serif; }

.list-actions {
  position: absolute;
  right: 0;
  bottom: 11px; }
  .list-actions a {
    position: relative; }
    .list-actions a:hover .hiddentip {
      visibility: visible;
      z-index: 1000;
      opacity: 1;
      transition-delay: 0s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s; }
  .list-actions .ui-tooltip {
    pointer-events: none; }
  @media (max-width: 768px) {
    .list-actions {
      position: relative;
      right: auto;
      left: 0;
      top: 0;
      display: block; }
      .list-actions > li > a:first-of-type, .list-actions > li > button:first-of-type {
        padding-left: 0; } }
  .list-actions > li > a, .list-actions > li > button, .list-actions .copysyncpoints {
    font-size: 13px;
    color: #000;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    text-align: center;
    padding: 0 10px; }
    .list-actions > li > a:hover, .list-actions > li > button:hover, .list-actions .copysyncpoints:hover {
      color: #A4A1A6; }
  .list-actions .tooltip-menu {
    font-family: "proxima-nova", helvetica, arial, sans-serif; }

.recording-list {
  list-style-type: none; }
  .recording-list > li {
    padding: 11px; }
    .recording-list > li:hover {
      background: whitesmoke; }

.recordingdata {
  position: relative; }

.score-title {
  font-size: 21px;
  font-family: "freight-text-pro", serif;
  color: #A4A1A6;
  width: 70%; }
  @media (max-width: 768px) {
    .score-title {
      width: 100%;
      margin-bottom: 22px; } }

.score-link {
  color: #000; }
  .score-link:hover {
    color: #FC5D2B; }

.created-on {
  position: absolute;
  bottom: calc(100% - 5px); }

.recording-attribute {
  border-bottom: 1px solid #cfcfcf; }

.table-videolist {
  width: 100%;
  border-collapse: collapse; }
  .table-videolist thead th {
    text-align: left; }
  .table-videolist th, .table-videolist td {
    border-bottom: 1px solid #cfcfcf; }
  .table-videolist td {
    padding: 11px 0;
    font: 300 16px/22px "freight-text-pro", serif; }
    .table-videolist td a {
      color: #000;
      display: block; }
      .table-videolist td a:hover {
        color: #A4A1A6; }

.course-container {
  box-shadow: 0 1px 0 #cfcfcf inset; }

.section-break {
  border-top: 1px solid #cfcfcf; }

.empty-cell {
  padding: 15px; }

.course-title {
  font-family: "freight-text-pro", serif;
  font-weight: bold; }

.course-list {
  color: #000;
  display: block;
  margin: 0 -10px;
  padding: 22px 10px;
  box-shadow: 0 0 0 1px transparent; }
  .course-list:hover {
    background: whitesmoke;
    box-shadow: 0 0 0 1px #cfcfcf; }

.detail-header {
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 13px; }

.lesson-listing {
  padding-left: 20px;
  position: relative; }
  .lesson-listing:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    left: 0;
    top: 50%;
    top: 29px;
    background: #77C27C;
    border-radius: 50%; }

@media (max-width: 768px) {
  .lesson-detail > div[class^='col-'] {
    float: none; } }

.inactive-lesson:before {
  background: transparent;
  box-shadow: 0 0 0 2px #cfcfcf inset; }

.ui-link {
  color: #A4A1A6; }
  .ui-link:hover, .ui-link:active {
    color: #000; }

.pro-step {
  width: 50px;
  height: 50px;
  border: 2px solid #60516E;
  padding: 8px 0;
  color: #60516E;
  border-radius: 50%;
  margin: 0 auto 11px;
  font: normal 26px/22px "freight-text-pro", serif; }