*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body {
  position: relative;
  min-height: 100%;
  background: #aaa url(../../img/MON17_009_Brasov_Diary_hatter_1920x1080.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

html {
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.menu-wrapper {
  background: rgba(34, 34, 34, 0.4);
  margin-bottom: 40px; }
  .menu-wrapper .menu-wrapper-inner {
    margin: 0 auto;
    height: 70px;
    padding: 20px 0; }
    .menu-wrapper .menu-wrapper-inner .auto-read-wrapper {
      color: #fff;
      font-size: 18px;
      line-height: 29px; }
      .menu-wrapper .menu-wrapper-inner .auto-read-wrapper i {
        cursor: pointer; }
    .menu-wrapper .menu-wrapper-inner .control-wrapper {
      display: flex;
      align-items: center;
      justify-content: center; }
      .menu-wrapper .menu-wrapper-inner .control-wrapper #prev-page-btn,
      .menu-wrapper .menu-wrapper-inner .control-wrapper #next-page-btn,
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper {
        margin: 0 15px; }
      .menu-wrapper .menu-wrapper-inner .control-wrapper #prev-page-btn,
      .menu-wrapper .menu-wrapper-inner .control-wrapper #next-page-btn {
        color: #fff;
        cursor: pointer; }
        .menu-wrapper .menu-wrapper-inner .control-wrapper #prev-page-btn:hover,
        .menu-wrapper .menu-wrapper-inner .control-wrapper #next-page-btn:hover {
          color: #d9d9d9; }
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button {
        display: flex;
        width: 265px;
        height: 30px;
        padding: 0;
        text-align: left;
        font-size: 18px;
        cursor: pointer; }
        .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button:after {
          content: none; }
        .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button .toc-item {
          flex-grow: 1;
          overflow: hidden;
          text-overflow: ellipsis; }
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button,
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button:hover,
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper button:focus {
        background: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        color: #fff;
        outline: none;
        box-shadow: none; }
      .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper ul {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding: 0; }
        .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper ul li {
          display: flex;
          align-items: center;
          padding: 5px 10px;
          cursor: pointer; }
          .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper ul li:hover {
            background: #aaa;
            color: #fff; }
          .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper ul li .title {
            flex: 1;
            flex-grow: 1;
            font-size: 15px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .menu-wrapper .menu-wrapper-inner .control-wrapper .toc-wrapper ul li .page-num {
            font-size: 12px;
            font-style: italic; }
    .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares {
      margin: 0;
      text-align: right; }
      .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share {
        margin: 0; }
        .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share:not(:last-child) {
          margin-right: 10px; }
        .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share .jssocials-share-link {
          padding: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
          .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-logo {
            font-size: 20px; }
        .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share.jssocials-share-external .jssocials-share-link {
          background-color: #fff;
          padding: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
          .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share.jssocials-share-external .jssocials-share-link .jssocials-share-logo {
            font-size: 20px; }
            .menu-wrapper .menu-wrapper-inner #social-wrapper .jssocials-shares .jssocials-share.jssocials-share-external .jssocials-share-link .jssocials-share-logo.external-share {
              color: #13386a; }

.book-wrapper-outer {
  position: relative;
  margin: 0 auto;
  background: url(../../img/MON17_009_Brasov_Diary_konyv_v2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: center; }
  .book-wrapper-outer .book-wrapper-inner {
    position: relative;
    margin: 0 auto; }

.book * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.book.booklet {
  margin: 0 auto; }
  .book.booklet .b-page .b-wrap.b-wrap-left {
    background: url(../../img/page_left.png);
    background-repeat: no-repeat; }
  .book.booklet .b-page .b-wrap.b-wrap-right {
    background: url(../../img/page_right.png);
    background-repeat: no-repeat; }
  .book.booklet .b-page .b-wrap .page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Kalam',
 cursive; }
    .book.booklet .b-page .b-wrap .page.overflow {
      height: 90%;
      overflow-y: auto; }
    .book.booklet .b-page .b-wrap .page p,
    .book.booklet .b-page .b-wrap .page .date,
    .book.booklet .b-page .b-wrap .page .title,
    .book.booklet .b-page .b-wrap .page .read-more,
    .book.booklet .b-page .b-wrap .page .gallery-header {
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      color: #13386a; }
    .book.booklet .b-page .b-wrap .page .title {
      text-align: center;
      font-weight: bold; }
    .book.booklet .b-page .b-wrap .page .date {
      text-align: center;
      font-style: italic; }
    .book.booklet .b-page .b-wrap .page p {
      text-align: justify; }
    .book.booklet .b-page .b-wrap .page .read-more {
      text-align: right; }
    .book.booklet .b-page .b-wrap .page .gallery-header {
      display: flex; }
      .book.booklet .b-page .b-wrap .page .gallery-header .function {
        flex: 1;
        text-align: left; }
        .book.booklet .b-page .b-wrap .page .gallery-header .function a,
        .book.booklet .b-page .b-wrap .page .gallery-header .function i {
          color: #13386a;
          text-align: left;
          text-decoration: none;
          cursor: pointer; }
          .book.booklet .b-page .b-wrap .page .gallery-header .function a:hover,
          .book.booklet .b-page .b-wrap .page .gallery-header .function i:hover {
            color: #071629; }
    .book.booklet .b-page .b-wrap .page .toc {
      margin: 0;
      margin-bottom: 10px;
      padding: 0;
      list-style: none; }
      .book.booklet .b-page .b-wrap .page .toc .toc-item {
        display: flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        color: #13386a;
        text-decoration: none;
        cursor: pointer; }
        .book.booklet .b-page .b-wrap .page .toc .toc-item:hover {
          color: #071629; }
        .book.booklet .b-page .b-wrap .page .toc .toc-item .text {
          flex-grow: 1; }
    .book.booklet .b-page .b-wrap .page .biography {
      padding-right: 10px;
      color: #13386a;
      text-align: justify; }
    .book.booklet .b-page .b-wrap .page .bibliography-list {
      list-style: none;
      margin: 0;
      padding: 0; }
      .book.booklet .b-page .b-wrap .page .bibliography-list .bibliography-item {
        margin-bottom: 15px;
        padding: 0px 10px;
        border-left: 3px solid #801416;
        color: #13386a; }
        .book.booklet .b-page .b-wrap .page .bibliography-list .bibliography-item .metadata-title {
          font-style: italic; }
  .book.booklet .b-page .b-wrap .b-counter {
    position: absolute;
    width: 70%;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #13386a;
    border-top: 1px solid #13386a;
    background: transparent; }
  .book.booklet .b-page:nth-child(odd) .b-wrap .b-counter {
    left: 15%; }
  .book.booklet .b-page:nth-child(even) .b-wrap .b-counter {
    right: 15%; }

.b-page-0 .b-counter {
  display: none; }

.book-wrapper-outer {
  width: 540px;
  height: 325px;
  background-position-x: 6px;
  padding-top: 11px; }

.menu-wrapper-inner {
  width: 540px; }

.menu-wrapper-inner,
.book-wrapper-inner {
  width: 466px; }

.book-wrapper-inner {
  height: 292px; }

.book.booklet .b-page .b-wrap .page {
  padding: 0; }
  .book.booklet .b-page .b-wrap .page.overflow {
    height: 90%; }
  .book.booklet .b-page .b-wrap .page .author-img-wrapper {
    height: 60%;
    margin-bottom: 20px;
    text-align: center; }
    .book.booklet .b-page .b-wrap .page .author-img-wrapper img {
      height: 100%;
      width: auto; }
  .book.booklet .b-page .b-wrap .page .logo-wrapper {
    bottom: 30px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .book.booklet .b-page .b-wrap .page .logo-wrapper .logo {
      margin: 0 15px; }
      .book.booklet .b-page .b-wrap .page .logo-wrapper .logo img {
        width: 100%; }
  .book.booklet .b-page .b-wrap .page .text-wrapper {
    font-size: 4px;
    text-align: center;
    font-weight: bold;
    color: #000; }
  .book.booklet .b-page .b-wrap .page.project {
    position: relative;
    height: 100%; }
    .book.booklet .b-page .b-wrap .page.project .project-logo-wrapper {
      margin-bottom: 25px; }
      .book.booklet .b-page .b-wrap .page.project .project-logo-wrapper img {
        width: 100%; }
    .book.booklet .b-page .b-wrap .page.project .button-wrapper {
      text-align: center; }
      .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading {
        display: none;
        width: 100px;
        height: 15px;
        line-height: 15px;
        background-color: #801416;
        border: none;
        border-radius: 0;
        font-size: 16px; }
        .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading:hover {
          background-color: #6a1112; }
        .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading:focus {
          outline: none; }
    .book.booklet .b-page .b-wrap .page.project .info .title,
    .book.booklet .b-page .b-wrap .page.project .info > div {
      text-align: center;
      color: #13386a;
      font-size: 12px; }
    .book.booklet .b-page .b-wrap .page.project .info .title {
      margin-top: 10px;
      margin-bottom: 0px;
      font-weight: bold;
      font-size: 18px; }
    .book.booklet .b-page .b-wrap .page.project .info .subtitle {
      margin-bottom: 0px; }
    .book.booklet .b-page .b-wrap .page.project .info .author {
      font-size: 16px; }
    .book.booklet .b-page .b-wrap .page.project .info > div:last-of-type {
      margin-top: 0px;
      font-style: italic; }
    .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper {
      position: absolute;
      bottom: 30px;
      left: 0;
      right: 0;
      text-align: center; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper .text {
        display: inline-block;
        vertical-align: bottom;
        font-size: 10px;
        color: #13386a; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper img {
        width: 50px; }
  .book.booklet .b-page .b-wrap .page .title,
  .book.booklet .b-page .b-wrap .page .gallery-header {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px; }
  .book.booklet .b-page .b-wrap .page .date {
    margin-bottom: 0px; }
  .book.booklet .b-page .b-wrap .page p {
    text-indent: 10px;
    margin-bottom: 10px; }
  .book.booklet .b-page .b-wrap .page .date,
  .book.booklet .b-page .b-wrap .page p,
  .book.booklet .b-page .b-wrap .page .read-more {
    font-size: 12px;
    line-height: 12px; }

.book.booklet .b-page .b-wrap .b-counter {
  bottom: 10px;
  font-size: 12px;
  line-height: 14px; }

.carousel-wrapper .carousel {
  height: 180px; }
  .carousel-wrapper .carousel .control .control-item {
    font-size: 14px; }

.audio-player {
  margin-top: 10px; }
  .audio-player > div {
    line-height: 16px; }
  .audio-player .play-pause-btn i,
  .audio-player .volume-btn i,
  .audio-player .download-btn i {
    font-size: 14px; }
  .audio-player .audio-player-icon-wrapper,
  .audio-player .play-bar {
    display: none; }

@media (min-width: 768px) {
  .book-wrapper-outer {
    height: 440px;
    width: 728px;
    background-position-x: 8px;
    padding-top: 15px; }
  .menu-wrapper-inner {
    width: 728px; }
  .book-wrapper-inner {
    width: 628px; }
  .book-wrapper-inner {
    height: 394px; }
  .book.booklet .b-page .b-wrap .page {
    padding: 5px;
    padding-bottom: 0; }
    .book.booklet .b-page .b-wrap .page.overflow {
      height: 93%; }
    .book.booklet .b-page .b-wrap .page.project .project-logo-wrapper {
      margin-bottom: 50px; }
    .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading {
      width: 150px;
      height: 20px;
      line-height: 20px;
      font-size: 18px; }
    .book.booklet .b-page .b-wrap .page.project .info .title,
    .book.booklet .b-page .b-wrap .page.project .info > div {
      font-size: 12px; }
    .book.booklet .b-page .b-wrap .page.project .info .title {
      margin-top: 10px;
      font-size: 18px; }
    .book.booklet .b-page .b-wrap .page.project .info .subtitle {
      margin-bottom: 5px; }
    .book.booklet .b-page .b-wrap .page.project .info .author {
      font-size: 14px; }
    .book.booklet .b-page .b-wrap .page.project .info > div:last-of-type {
      margin-top: 5px; }
    .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper {
      bottom: 35px; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper .text {
        font-size: 10px; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper img {
        width: 75px; }
    .book.booklet .b-page .b-wrap .page .logo-wrapper {
      bottom: 35px;
      margin-bottom: 10px; }
      .book.booklet .b-page .b-wrap .page .logo-wrapper .logo {
        margin: 0 20px; }
    .book.booklet .b-page .b-wrap .page .text-wrapper {
      font-size: 6px; }
    .book.booklet .b-page .b-wrap .page .title,
    .book.booklet .b-page .b-wrap .page .gallery-header {
      margin-bottom: 10px;
      font-size: 18px;
      line-height: 20px; }
    .book.booklet .b-page .b-wrap .page .date {
      margin-bottom: 10px; }
    .book.booklet .b-page .b-wrap .page p {
      margin-bottom: 5px;
      text-indent: 15px; }
    .book.booklet .b-page .b-wrap .page .date,
    .book.booklet .b-page .b-wrap .page p {
      font-size: 14px;
      line-height: 16px; }
    .book.booklet .b-page .b-wrap .page .read-more {
      font-size: 14px;
      line-height: 14px; }
  .book.booklet .b-page .b-wrap .b-counter {
    bottom: 10px;
    font-size: 12px;
    line-height: 14px; }
  .carousel-wrapper .carousel {
    height: 242px; }
    .carousel-wrapper .carousel .control .control-item {
      font-size: 14px; }
  .audio-player {
    margin-top: 15px; }
    .audio-player > div {
      line-height: 26px; }
    .audio-player .play-pause-btn i,
    .audio-player .volume-btn i,
    .audio-player .download-btn i {
      font-size: 1.3em; }
    .audio-player .audio-player-icon-wrapper,
    .audio-player .play-bar {
      display: block; } }

@media (min-width: 992px) {
  .book-wrapper-outer {
    height: 568px;
    width: 942px;
    background-position-x: 10px;
    padding-top: 19px; }
  .menu-wrapper-inner {
    width: 942px; }
  .book-wrapper-inner {
    width: 814px; }
  .book-wrapper-inner {
    height: 510px; }
  .book.booklet .b-page .b-wrap .page {
    padding: 10px;
    padding-bottom: 0; }
    .book.booklet .b-page .b-wrap .page.project .info .title,
    .book.booklet .b-page .b-wrap .page.project .info > div {
      font-size: 16px; }
    .book.booklet .b-page .b-wrap .page.project .info .title {
      margin-top: 25px;
      font-size: 26px; }
    .book.booklet .b-page .b-wrap .page.project .info .subtitle {
      margin-bottom: 15px; }
    .book.booklet .b-page .b-wrap .page.project .info .author {
      font-size: 22px; }
    .book.booklet .b-page .b-wrap .page.project .info > div:last-of-type {
      margin-top: 15px; }
    .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper {
      bottom: 40px; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper .text {
        font-size: 12px; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper img {
        width: 100px; }
    .book.booklet .b-page .b-wrap .page .logo-wrapper {
      bottom: 40px;
      margin-bottom: 20px; }
      .book.booklet .b-page .b-wrap .page .logo-wrapper .logo {
        margin: 0 30px; }
    .book.booklet .b-page .b-wrap .page .text-wrapper {
      font-size: 8px; }
    .book.booklet .b-page .b-wrap .page .title,
    .book.booklet .b-page .b-wrap .page .gallery-header {
      margin-bottom: 15px;
      font-size: 22px;
      line-height: 22px; }
    .book.booklet .b-page .b-wrap .page p {
      margin-bottom: 10px;
      text-indent: 20px; }
    .book.booklet .b-page .b-wrap .page .date,
    .book.booklet .b-page .b-wrap .page p {
      font-size: 16px;
      line-height: 18px; }
    .book.booklet .b-page .b-wrap .page .read-more {
      font-size: 14px;
      line-height: 16px; }
  .book.booklet .b-page .b-wrap .b-counter {
    bottom: 15px;
    font-size: 14px;
    line-height: 16px; }
  .carousel-wrapper .carousel {
    height: 314px; }
    .carousel-wrapper .carousel .control .control-item {
      font-size: 22px; }
  .audio-player {
    margin-top: 25px; } }

@media (min-width: 1200px) {
  .book-wrapper-outer {
    height: 725px;
    width: 1202px;
    background-position-x: 13px;
    padding-top: 25px; }
  .menu-wrapper-inner {
    width: 1202px; }
  .book-wrapper-inner {
    width: 1038px; }
  .book-wrapper-inner {
    height: 650px; }
  .book.booklet .b-page .b-wrap .page {
    padding: 10px 20px;
    padding-bottom: 0; }
    .book.booklet .b-page .b-wrap .page.project {
      position: relative;
      height: 100%; }
      .book.booklet .b-page .b-wrap .page.project .project-logo-wrapper {
        margin-bottom: 75px; }
        .book.booklet .b-page .b-wrap .page.project .project-logo-wrapper img {
          width: 100%; }
      .book.booklet .b-page .b-wrap .page.project .button-wrapper {
        text-align: center; }
        .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading {
          width: 200px;
          height: 30px;
          line-height: 30px;
          background-color: #801416;
          border: none;
          border-radius: 0; }
          .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading:hover {
            background-color: #6a1112; }
          .book.booklet .b-page .b-wrap .page.project .button-wrapper #start-reading:focus {
            outline: none; }
      .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper {
        bottom: 50px; }
        .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper .text {
          font-size: 15px; }
        .book.booklet .b-page .b-wrap .page.project .developer-logo-wrapper img {
          width: 100px; }
    .book.booklet .b-page .b-wrap .page .logo-wrapper {
      bottom: 50px; }
    .book.booklet .b-page .b-wrap .page .text-wrapper {
      font-size: 10px; }
    .book.booklet .b-page .b-wrap .page .title,
    .book.booklet .b-page .b-wrap .page .gallery-header {
      margin-bottom: 30px;
      font-size: 30px;
      line-height: 30px; }
    .book.booklet .b-page .b-wrap .page .date {
      margin-bottom: 10px; }
    .book.booklet .b-page .b-wrap .page p {
      margin-bottom: 20px;
      text-indent: 25px; }
    .book.booklet .b-page .b-wrap .page .date,
    .book.booklet .b-page .b-wrap .page p {
      font-size: 16px;
      line-height: 26px; }
    .book.booklet .b-page .b-wrap .page .read-more {
      font-size: 14px;
      line-height: 22px; }
  .book.booklet .b-page .b-wrap .b-counter {
    bottom: 20px;
    font-size: 14px;
    line-height: 22px; }
  .carousel-wrapper .carousel {
    height: 400px; }
  .audio-player {
    margin-top: 35px; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.carousel-wrapper {
  position: relative; }
  .carousel-wrapper * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .carousel-wrapper .duct-tape {
    position: absolute;
    width: 30%;
    z-index: 3; }
    .carousel-wrapper .duct-tape:first-child {
      top: -25px;
      right: -30px; }
    .carousel-wrapper .duct-tape:last-child {
      bottom: -25px;
      left: -30px; }
  .carousel-wrapper .carousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 95%;
    margin: 0 auto;
    background: #fff;
    border: 5px solid #fff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden; }
    .carousel-wrapper .carousel .spinner {
      position: relative;
      top: 45%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
    .carousel-wrapper .carousel img {
      position: absolute;
      max-height: 100%;
      max-width: 100%;
      top: 50%;
      left: 50%;
      z-index: 1;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
      .carousel-wrapper .carousel img.fade-in {
        -webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards running;
        -moz-animation: fadeIn 2s ease-in 0s 1 normal forwards running;
        animation: fadeIn 2s ease-in 0s 1 normal forwards running; }
      .carousel-wrapper .carousel img.fade-out {
        opacity: 1;
        -webkit-animation: fadeOut 2s ease-out 0s 1 normal forwards running;
        -moz-animation: fadeOut 2s ease-out 0s 1 normal forwards running;
        animation: fadeOut 2s ease-out 0s 1 normal forwards running; }
    .carousel-wrapper .carousel .control {
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 38px;
      bottom: 0px;
      padding: 12px;
      z-index: 2;
      background: rgba(192, 192, 192, 0.75);
      text-align: center; }
      .carousel-wrapper .carousel .control-item {
        margin: 0 5px;
        cursor: pointer;
        color: #13386a; }
        .carousel-wrapper .carousel .control-item:hover {
          color: #071629; }

.audio-player {
  display: flex;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
  .audio-player > div {
    box-sizing: border-box;
    padding: 5px; }
  .audio-player-icon-wrapper {
    background: #13386a; }
    .audio-player-icon-wrapper .icon {
      color: #fff; }
  .audio-player .play-pause-btn,
  .audio-player .volume-btn,
  .audio-player .download-btn {
    color: #13386a;
    cursor: pointer; }
    .audio-player .play-pause-btn:hover,
    .audio-player .volume-btn:hover,
    .audio-player .download-btn:hover {
      color: #071629; }
  .audio-player .volume-btn i,
  .audio-player .download-btn i {
    text-align: left; }
  .audio-player .download-btn a {
    color: #13386a; }
    .audio-player .download-btn a:hover {
      color: #071629; }
  .audio-player .play-current-time,
  .audio-player .play-total-time {
    width: 50px; }
  .audio-player .play-current-time {
    text-align: left; }
  .audio-player .play-total-time {
    text-align: right; }
  .audio-player .play-bar {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    height: 2px;
    margin: 17px 0;
    padding: 0;
    border: none;
    background: #13386a; }
    .audio-player .play-bar .ui-slider-handle {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      top: -7px !important;
      width: 15px !important;
      height: 15px !important;
      margin-left: -7px !important; }
      .audio-player .play-bar .ui-slider-handle:focus {
        outline: none; }