@media only screen and (max-width: 769px) {
  .page.mastertravel .overlay,
  .page.masterlifestyle .overlay,
  .page.mastercrafting .overlay,
  .page.mastercompendium .overlay,
  .page.subcompendium .overlay,
  .page.search .overlay,
  .page.collectiontravel .overlay,
  .page.collectioncrafting .overlay,
  .page.collectionlifestyle .overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(255,255,255,0.9);
    z-index: 51;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .page.mastertravel .overlay.show,
  .page.masterlifestyle .overlay.show,
  .page.mastercrafting .overlay.show,
  .page.mastercompendium .overlay.show,
  .page.subcompendium .overlay.show,
  .page.search .overlay.show,
  .page.collectiontravel .overlay.show,
  .page.collectioncrafting .overlay.show,
  .page.collectionlifestyle .overlay.show {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@media only screen and (min-width: 1025px) {
  .page.mastertravel .overlay,
  .page.masterlifestyle .overlay,
  .page.mastercrafting .overlay,
  .page.mastercompendium .overlay,
  .page.subcompendium .overlay,
  .page.search .overlay,
  .page.collectiontravel .overlay,
  .page.collectioncrafting .overlay,
  .page.collectionlifestyle .overlay {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .page.mastertravel div[article-element]:after,
  .page.masterlifestyle div[article-element]:after,
  .page.mastercrafting div[article-element]:after,
  .page.mastercompendium div[article-element]:after,
  .page.subcompendium div[article-element]:after,
  .page.search div[article-element]:after,
  .page.collectiontravel div[article-element]:after,
  .page.collectioncrafting div[article-element]:after,
  .page.collectionlifestyle div[article-element]:after {
    padding-top: 120%;
  }
}
.page.mastertravel div[top],
.page.masterlifestyle div[top],
.page.mastercrafting div[top],
.page.mastercompendium div[top],
.page.subcompendium div[top],
.page.search div[top],
.page.collectiontravel div[top],
.page.collectioncrafting div[top],
.page.collectionlifestyle div[top] {
  display: block;
  background: #fff;
  text-align: center;
  color: #6f6f6f;
  height: 80px;
  line-height: 6.5;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: opacity, transform;
  -webkit-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  -moz-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  -o-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  -ms-transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, -ms-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1s;
}
.page.mastertravel div[top].animate-in,
.page.masterlifestyle div[top].animate-in,
.page.mastercrafting div[top].animate-in,
.page.mastercompendium div[top].animate-in,
.page.subcompendium div[top].animate-in,
.page.search div[top].animate-in,
.page.collectiontravel div[top].animate-in,
.page.collectioncrafting div[top].animate-in,
.page.collectionlifestyle div[top].animate-in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media only screen and (min-width: 1025px) {
  .page.mastertravel div[top],
  .page.masterlifestyle div[top],
  .page.mastercrafting div[top],
  .page.mastercompendium div[top],
  .page.subcompendium div[top],
  .page.search div[top],
  .page.collectiontravel div[top],
  .page.collectioncrafting div[top],
  .page.collectionlifestyle div[top] {
    height: 124.44444448px;
    line-height: 10;
  }
}
@media only screen and (max-width: 769px) {
  .page.mastertravel div[desktop].banner-outer,
  .page.masterlifestyle div[desktop].banner-outer,
  .page.mastercrafting div[desktop].banner-outer,
  .page.mastercompendium div[desktop].banner-outer,
  .page.subcompendium div[desktop].banner-outer,
  .page.search div[desktop].banner-outer,
  .page.collectiontravel div[desktop].banner-outer,
  .page.collectioncrafting div[desktop].banner-outer,
  .page.collectionlifestyle div[desktop].banner-outer {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .page.mastertravel div[desktop].banner-outer,
  .page.masterlifestyle div[desktop].banner-outer,
  .page.mastercrafting div[desktop].banner-outer,
  .page.mastercompendium div[desktop].banner-outer,
  .page.subcompendium div[desktop].banner-outer,
  .page.search div[desktop].banner-outer,
  .page.collectiontravel div[desktop].banner-outer,
  .page.collectioncrafting div[desktop].banner-outer,
  .page.collectionlifestyle div[desktop].banner-outer {
    width: 25%;
    min-width: 330px;
    max-width: 330px;
    height: 600px;
    float: right;
    clear: right;
  }
}
.page.collectiontravel header,
.page.collectioncrafting header,
.page.collectionlifestyle header {
  text-align: center;
  color: #3b3b3b;
  margin-bottom: 40px;
}
@media only screen and (min-width: 769px) {
  .page.collectiontravel header,
  .page.collectioncrafting header,
  .page.collectionlifestyle header {
    margin-bottom: 80px;
  }
}
.page.collectiontravel header h2,
.page.collectioncrafting header h2,
.page.collectionlifestyle header h2 {
  margin-top: 20px;
}
.page.collectiontravel .content,
.page.collectioncrafting .content,
.page.collectionlifestyle .content {
  padding-top: 70px;
}
@media only screen and (min-width: 769px) {
  .page.collectiontravel .content,
  .page.collectioncrafting .content,
  .page.collectionlifestyle .content {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.collectiontravel .content,
  .page.collectioncrafting .content,
  .page.collectionlifestyle .content {
    padding-top: 124.44444448px;
  }
}