@font-face {
  font-family: Roboto;
  src: local(Roboto Thin), url(../font/roboto/Roboto-Thin.eot);
  src: url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Thin.woff2) format("woff2"), url(../font/roboto/Roboto-Thin.woff) format("woff"), url(../font/roboto/Roboto-Thin.ttf) format("truetype");
  font-weight: 200; }
@font-face {
  font-family: Roboto;
  src: local(Roboto Light), url(../fonts/roboto/Roboto-Light.eot);
  src: url(../fonts/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Light.woff2) format("woff2"), url(../fonts/roboto/Roboto-Light.woff) format("woff"), url(../fonts/roboto/Roboto-Light.ttf) format("truetype");
  font-weight: 300; }
@font-face {
  font-family: Roboto;
  src: local(Roboto Regular), url(../fonts/roboto/Roboto-Regular.eot);
  src: url(../fonts/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(../fonts/roboto/Roboto-Regular.woff) format("woff"), url(../fonts/roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: 400; }
@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto/Roboto-Medium.eot);
  src: url(../fonts/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(../fonts/roboto/Roboto-Medium.woff) format("woff"), url(../fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-weight: 500; }
@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto/Roboto-Bold.eot);
  src: url(../fonts/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(../fonts/roboto/Roboto-Bold.woff) format("woff"), url(../fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: 700; }
html {
  height: 100%; }

body {
  font-family: Roboto, sans-serif;
  padding-top: 50px;
  height: 100%; }
  @media (min-width: 768px) {
    body {
      padding-top: 60px; } }

main {
  padding-bottom: 30px;
  height: 100%;
  overflow: auto; }

.spinner {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 100; }
  .spinner span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -40px; }

.pageWrapper {
  margin: auto;
  max-width: 768px;
  height: 100%; }
  .pageWrapper article {
    height: calc(100% - 30px); }
    @media (min-width: 768px) {
      .pageWrapper article {
        height: calc(100% - 40px); } }
  .pageWrapper section {
    position: relative;
    height: 100%; }
  .pageWrapper .scrollableContent {
    position: relative;
    height: calc(100% - 80px); }
    @media (min-width: 768px) {
      .pageWrapper .scrollableContent {
        height: calc(100% - 90px); } }
    .pageWrapper .scrollableContent.offsetted {
      height: calc(100% - 180px); }
      @media (min-width: 768px) {
        .pageWrapper .scrollableContent.offsetted {
          height: calc(100% - 190px); } }
  .pageWrapper iframe {
    border: 0 none;
    width: 100%;
    height: calc(100% - 5px); }
  .pageWrapper .subHeading {
    font-size: 16px;
    font-weight: bold;
    margin: 40px 0 20px; }
    .pageWrapper .subHeading.first {
      margin-top: 0; }
  .pageWrapper .courseRadios .radio {
    border-bottom: 1px dotted #ccc;
    padding: 8px; }
    .pageWrapper .courseRadios .radio.first {
      border-top: 1px dotted #ccc; }
  .pageWrapper .courseRadios .price {
    text-align: right;
    padding-top: 2px; }
    @media (min-width: 768px) {
      .pageWrapper .courseRadios .price {
        float: right;
        padding-top: 0; } }
  .pageWrapper .courseRadios .disabled {
    color: #ccc; }
  .pageWrapper .btnBlock {
    margin-top: 40px; }
    .pageWrapper .btnBlock .subLink {
      padding-top: 20px; }
      @media (min-width: 768px) {
        .pageWrapper .btnBlock .subLink {
          padding-top: 8px; } }
  .pageWrapper .bottomContent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .pageWrapper .bottomContent .btnBlock {
      margin-top: 10px; }

#page-home article {
  margin-top: 30px; }
  @media (min-width: 768px) {
    #page-home article {
      margin-top: 40px; } }
#page-home .scrollableContent {
  height: 100%; }
  #page-home .scrollableContent.offsetted {
    height: calc(100% - 110px); }
    @media (min-width: 768px) {
      #page-home .scrollableContent.offsetted {
        height: calc(100% - 120px); } }
#page-home .nav-tabs {
  margin-bottom: 20px; }
  @media (max-width: 600px) {
    #page-home .nav-tabs > li > a {
      font-size: 12px;
      padding: 5px; } }
#page-home .sheetContent {
  height: calc(100% - 5px);
  overflow: auto; }
  #page-home .sheetContent.withTab {
    height: calc(100% - 66px); }
  #page-home .sheetContent a {
    font-weight: bold;
    text-decoration: underline; }
  #page-home .sheetContent table {
    border: 1px solid #333; }
    #page-home .sheetContent table > thead > tr > th {
      text-align: center;
      color: #fff;
      line-height: 1.2;
      font-weight: normal;
      background-color: #0b4981;
      border: 1px solid #333;
      vertical-align: middle;
      padding: 2px 7px; }
      @media (min-width: 480px) {
        #page-home .sheetContent table > thead > tr > th.wider {
          min-width: 280px; } }
    #page-home .sheetContent table > tbody > tr > td {
      border: 1px solid #333;
      vertical-align: middle;
      padding: 2px 7px; }
  #page-home .sheetContent .list-unstyled {
    padding-left: 60px; }
    #page-home .sheetContent .list-unstyled li {
      margin-bottom: 7px; }

#page-course .btnBlock {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    #page-course .btnBlock {
      margin-bottom: 0; } }

#page-purchase input {
  max-width: 200px; }
#page-purchase .conditions {
  margin-top: 40px; }
  #page-purchase .conditions .checkbox {
    margin-top: 20px; }
#page-purchase .error {
  line-height: 1em;
  margin-top: 20px;
  margin-bottom: calc(-15px - 1em); }

#page-password form {
  margin-top: 30px; }
  #page-password form .form-group {
    max-width: 360px; }
  #page-password form p.error {
    margin-bottom: -14px; }

#exampleModalLong .modal-footer .btn{
    width:100%;
}

#page-play .audiojs {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  font-family: inherit;
  background-color: #0b4981;
  background-image: none;
  margin: -10px auto 0;
  width: 100%;
  height: 27px; }
  #page-play .audiojs .play-pause {
    padding: 0 8px 0 0;
    width: 25px;
    height: 27px; }
  #page-play .audiojs .scrubber {
    margin: 7px 5px;
    width: calc(100% - 120px);
    height: 13px; }
  #page-play .audiojs .progress {
    border-radius: 0;
    height: 13px; }
  #page-play .audiojs .loaded {
    height: 13px; }
  #page-play .audiojs .time {
    float: left;
    line-height: 27px;
    margin: 0;
    padding: 0 6px;
    height: 27px; }
  #page-play .audiojs .error-message {
    line-height: 27px;
    width: 230px;
    height: 27px; }

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