/* General */
/* General */
/*
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic|Nunito:400,300,700|Montserrat);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);
@import url(http://reset5.googlecode.com/hg/reset.min.css);
*/
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,900);
@import url(reset.min.css);
html[data-dpi~='1'] {
  font-size: 20px;
}

html[data-dpi~='1.5'] {
  font-size: 30px;
}

html[data-dpi~='2'] {
  font-size: 36px;
}

html[data-dpi~='2.5'] {
  font-size: 41px;
}

html[data-dpi~='3'] {
  font-size: 45px;
}

html[data-dpi~='3.5'] {
  font-size: 48px;
}

html[data-dpi~='4'] {
  font-size: 50px;
}

html * {
  max-height: 999999px;
}

body {
  background-color: #eee;
  color: #666;
}

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

a {
  border: medium none;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  opacity: 0.6;
}

ul, li, dl, dt {
  list-style-type: none;
}

q {
  display: inline;
}

q:before {
  content: '\201C';
}

q:after {
  content: '\201D';
}

img {
  width: 100%;
}

p {
  font-size: 1.2rem;
}

span {
  font-size: 1rem;
}

.icon {
  font-size: 1.6rem;
  line-height: 1.2;
}

.page-wrap {
  max-width: 1400px;
  margin: auto;
  background-color: #fff;
  position: relative;
}

i.title {
  font-style: italic
}

html[data-book='AL4K'] #all-content {
  background-color: #89AECB;
}

html[data-book='AL4K'] a {
  color: #9bbad3;
}

html[data-book='AL4K'] .about h1,
html[data-book='AL4K'] .news h1 {
  color: #0D3552;
}

html[data-book='AR4K'] #all-content {
  background-color: #FED234;
}

html[data-book='AR4K'] a {
  color: #BE2519;
}

html[data-book='AR4K'] .about h1,
html[data-book='AR4K'] .news h1 {
  color: #BE2519;
}

html[data-book='CW4K'] #all-content {
  background-color: #95939A;
}

html[data-book='CW4K'] a {
  color: #a2a0a6;
}

html[data-book='CW4K'] .about h1,
html[data-book='CW4K'] .news h1 {
  color: #30526B;
}

html[data-book='LV4K'] #all-content {
  background-color: #8aa894;
}

html[data-book='LV4K'] a {
  color: #99b3a1;
}

html[data-book='LV4K'] .about h1,
html[data-book='LV4K'] .news h1 {
  color: #486251;
}

html[data-book='LC4K'] #all-content {
  background-color: #B27936;
}

html[data-book='LC4K'] a {
  color: #40261f;
}

html[data-book='LC4K'] .about h1,
html[data-book='LC4K'] .news h1 {
  color: #513027;
}

html[data-book='MP4K'] #all-content {
  background-color: #A79543;
}

html[data-book='MP4K'] a {
  color: #b7a44c;
}

html[data-book='MP4K'] .about h1,
html[data-book='MP4K'] .news h1 {
  color: #AA3718;
}

.has-mp-menu #all-content {
  position: absolute;
  top: 0;
  max-width: inherit;
  width: 100%;
}

.all-content-inner > *:not(.footer) {
  background-image: url("../images/noise.png");
  background-repeat: repeat;
}

.all-content-inner > *:not(.footer):not(.banner) {
  display: none;
}

[data-page='book'] #all-content .slider-outer-wrap,
[data-page='book'] #all-content .tabs,
[data-page='about'] #all-content .about,
[data-page='news'] #all-content .news {
  display: block;
}

.all-content-inner > .banner {
  font-family: 'Merriweather', serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.1;
  color: #fff;
  text-align: right;
  padding: 1.25rem;
  background-color: #89aecb;
}

.all-content-inner > .banner {
  width: 35%;
}

.royalSlider {
  width: 100%;
  height: 100%;
}

.news, .about {
  padding: 1rem;
  background-color: #fff;
}

.slider-outer-wrap,
.about,
.news {
  width: 65%;
  height: auto;
}

.news h1,
.about h1 {
  color: #000;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.about p:not(:nth-last-child(2)):not(:nth-last-child(3)) {
  margin-bottom: 1.2rem;
}

.about a {
  display: inline;
}

.about figure {
  width: 50%;
  text-align: center;
}

.about figure:first-of-type {
  float: right;
  margin: 0 0 1.2rem 1.2rem;
}

.about figure:last-of-type {
  float: left;
  margin: 1.2rem 1.2rem 1.2rem 0;
}

.about figcaption {
  font-size: 0.9rem;
  color: #000;
}

html[data-col-ct='1'] .about figure {
  width: 100%;
  margin: 0 0 1.2rem 0;
}

.flexbox .all-content-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.flexbox .all-content-inner > * {
  -webkit-flex: 1 auto;
  flex: 1 auto;
}

.flexbox[data-page='book'] .all-content-inner > .banner {
  height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.flexbox .slider-inner-wrap {
  position: relative;
  padding-bottom: 72%;
  height: 0;
  margin: 1rem;
}

.flexbox #book-gallery {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 47rem) {
  .flexbox .all-content-inner > * {
    -webkit-flex: 1 100%;
    flex: 1 100%;
  }

  .flexbox .all-content-inner > .banner {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
.no-js .about,
.no-js .news,
.no-flexbox .about,
.no-flexbox .news {
  width: 65%;
}

.no-js .slider-inner-wrap,
.no-flexbox .slider-inner-wrap {
  width: 100%;
}

.no-js[data-page='book'] .all-content-inner > .banner,
.no-js[data-page='book'] #all-content .slider-outer-wrap,
.no-js[data-page='book'] #all-content .tabs,
.no-flexbox[data-page='book'] .all-content-inner > .banner,
.no-flexbox[data-page='book'] #all-content .slider-outer-wrap,
.no-flexbox[data-page='book'] #all-content .tabs {
  float: left;
}

.no-flexbox[data-page='about'] .all-content-inner,
.no-flexbox[data-page='news'] .all-content-inner {
  display: table;
}

.no-flexbox[data-page='about'] .all-content-inner > .banner,
.no-flexbox[data-page='about'] #all-content .about,
.no-flexbox[data-page='news'] .all-content-inner > .banner,
.no-flexbox[data-page='news'] #all-content .news {
  display: table-cell;
}

.no-flexbox .all-content-inner > .banner,
.no-flexbox .about,
.no-flexbox .news,
.no-flexbox .slider-inner-wrap {
  height: 550px;
}

.no-flexbox .about,
.no-flexbox .news,
.no-flexbox .slider-inner-wrap {
  padding-top: 2rem;
}

@media screen and (max-width: 1370px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 542.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.9625rem;
  }
}
@media screen and (max-width: 1340px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 535px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.925rem;
  }
}
@media screen and (max-width: 1310px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 527.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.8875rem;
  }
}
@media screen and (max-width: 1280px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 520px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.85rem;
  }
}
@media screen and (max-width: 1250px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 512.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.8125rem;
  }
}
@media screen and (max-width: 1220px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 505px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.775rem;
  }
}
@media screen and (max-width: 1190px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 497.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.7375rem;
  }
}
@media screen and (max-width: 1160px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 490px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.7rem;
  }
}
@media screen and (max-width: 1130px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 482.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.6625rem;
  }
}
@media screen and (max-width: 1100px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 475px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.625rem;
  }
}
@media screen and (max-width: 1070px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 467.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.5875rem;
  }
}
@media screen and (max-width: 1040px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 460px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.55rem;
  }
}
@media screen and (max-width: 1010px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 452.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.5125rem;
  }
}
@media screen and (max-width: 980px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 445px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.475rem;
  }
}
@media screen and (max-width: 950px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 437.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.4375rem;
  }
}
@media screen and (max-width: 920px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 430px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.4rem;
  }
}
@media screen and (max-width: 890px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 422.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.3625rem;
  }
}
@media screen and (max-width: 860px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 415px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.325rem;
  }
}
@media screen and (max-width: 830px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 407.5px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.2875rem;
  }
}
@media screen and (max-width: 800px) {
  .no-flexbox .all-content-inner > .banner,
  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    height: 400px;
  }

  .no-flexbox .slider-inner-wrap,
  .no-flexbox .about,
  .no-flexbox .news {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 47rem) {
  .no-flexbox[data-page] .all-content-inner > .banner,
  .no-flexbox[data-page] #all-content .slider-outer-wrap,
  .no-flexbox[data-page='about'] #all-content .about,
  .no-flexbox[data-page='news'] #all-content .news {
    display: block;
    height: auto;
    width: 100%;
  }

  .all-content-inner > .banner {
    text-align: center;
  }
}
.footer {
  padding: 2rem 1rem;
  height: 6rem;
  width: 100%;
}

.footer .icon {
  font-size: 2rem;
  padding: 0 0.5rem;
  color: #fff;
}

.scrolltop {
  position: fixed;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 30;
}

.scrolltop i {
  color: #fff;
  margin: 0;
  position: relative;
  top: 25%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.scrolltop:hover {
  background: rgba(0, 0, 0, 0.9);
  opacity: 1;
}

.scrolltop:hover i {
  top: 5%;
}

.scrolltop {
  bottom: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
}
