.extra-page-thumbnail-wrapper {
  width:100%;
  padding:0 120px 0;
}
.extra-page-thumbnail-wrapper > .inner {
  width:100%;
  height:280px;
  background-color:#dcdcde;
}
.extra-page-thumbnail-wrapper.no-thumbnail > .inner { height:180px; }
.extra-page-thumbnail {
  width:100%;
  height:100%;
  background-position:center center;
  background-size:cover;
}
.extra-page {
  width:100%;
  max-width:1200px;
  padding:80px 0 60px;
  margin:0 auto;
}
.page-content-wrapper {
  display:flex;
  justify-content:space-between;
}
.page-content-wrapper .page-sidebar {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.page-content-wrapper .extra-ad-wrapper { flex:0 0 auto; }
.page-content-wrapper .extra-ad-wrapper, .page-content-wrapper .extra-ad-wrapper h3, .page-content-wrapper .extra-ad-wrapper .extra-ad-close { background:#f5f5f5; }
.page-content-wrapper .page-nav-wrapper {
  flex:1 1 auto;
  position:relative;
  width:80px;
  height:100%;
  min-height:170px;
}
.page-content-wrapper .page-nav {
  position:absolute;
  top:10px;
  bottom:10px;
  right:10px;
  width:70px;
  z-index:10;
}
.page-content-wrapper .page-nav .link-button {
  display:block;
  width:70px;
  margin:0;
}
.page-content-wrapper .page-nav .link-button .text { position:absolute; }
.page-content-wrapper .page-nav a.upload-button {
  overflow:hidden;
  padding:22px 20px 18px;
}
.page-content-wrapper .page-nav a.upload-button .text {
  position:absolute;
  left:100%;
}
.page-content-wrapper .page-nav a.upload-button .icon { position:absolute; }
.page-content-wrapper .page-nav.sticked > .sticky-element-inner { top:90px; }
.page-content-wrapper .content-wrapper {
  padding:8px 60px 0 10px;
  max-width:840px;
  position:relative;
}
.page-content-wrapper .content {
  padding:0 0 0 70px;
  min-width:770px;
}
.extra-page-header {
  padding:60px;
  position:absolute;
  top:0;
  left:80px;
  right:0;
  transform:translate(0,-100%);
  background-color:#f5f5f5;
  text-align:center;
}
.before-footer-ad-wrapper {
  z-index:10;
  position:relative;
}
@media only screen and (max-width: 1200px) {
  .page-thumbnail { height:auto; }
  .page-thumbnail img {
    position:static;
    top:auto;
    left:auto;
    transform:none;
  }
  .page-content-wrapper {
    display:block;
    padding:0 10px;
  }
  .page-content-wrapper .content-wrapper {
    padding:0;
    max-width:770px;
    margin:0 auto;
  }
  .page-content-wrapper .content { min-width:0; }
  .page-content-wrapper .page-nav-wrapper { display:none; }
  .page-content-wrapper .page-sidebar { padding:0; }
  .page-content-wrapper .page-sidebar .extra-ad-wrapper { margin:30px auto 0; }
}
@media screen and (max-width: 1460px) {
  .extra-page-thumbnail-wrapper {
    padding:0 10px 0;
    max-width:1200px;
    margin:0 auto;
  }
}
@media only screen and (max-width: 1200px) {
  .extra-page-thumbnail-wrapper { padding:0 10px 0; }
  .extra-page-header { left:0; }
}
@media only screen and (max-width: 1024px) {
  .page-template-default .menu-page.menu-page-mobile { display:none; }
  .extra-page { padding-top:70px; }
}
@media only screen and (max-width: 780px) {
  .page-content-wrapper .content-wrapper .content { padding:0; }
  .extra-page-thumbnail-wrapper > .inner { height:200px; }
  .extra-page-thumbnail-wrapper > .inner.no-thumbnail { height:0; }
  .extra-page { padding-top:40px; }
  .extra-page-header {
    left:0;
    text-align:left;
    padding:0 0 30px;
    transform:none;
    position:relative;
  }
}