.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  position: relative;
  background-color: #000000;
  line-height: 1.55555556;
  color: #fff;
  padding: 1px 20px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  line-height: 1.4;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
.button:hover,
.button:focus {
  color: #000000;
  background-color: #ffed63;
}
.button:active {
  background-color: #ffe731;
}
div.navi {
  float: left;
}
div.navi > .item {
  float: left;
}
div.navi > .item > .menu {
  display: block;
  color: #000000;
}
@media (min-width: 1024px) {
  .togglenavigation,
  .mobile-navigation {
    display: none;
  }
}
.navigation {
  float: left;
  position: relative;
  overflow: scroll;
  height: calc(100vh - 234px);
}
div.sub1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15vh 0 20px;
}
div.sub1 > .item {
  width: 100%;
}
div.sub1 > .item > .menu {
  font-size: 32px;
  line-height: 1.3125;
  position: relative;
  font-family: 'Metropolis-Bold' !important;
  font-weight: bold !important;
  z-index: 2;
  padding-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
div.sub1 > .item > .menu:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background-color: #fff07d;
  z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
div.sub1 > .item > .menu:hover:after,
div.sub1 > .item > .menu:focus:after {
  width: calc(100% + 10px);
}
div.sub1 > .item > .menu.path {
  color: #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}
div.sub1 > .item > .menu.path:after {
  width: calc(100% + 10px);
}
div.sub2 {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
div.sub2 > .item {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 700ms ease, margin 400ms ease;
  transition: max-height 700ms ease, margin 400ms ease;
  width: 100%;
}
div.sub2 > .item > .menu {
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
}
div.sub2 > .item > .menu:after {
  content: '';
  position: absolute;
  bottom: 2px;
  width: 0;
  left: 0;
  height: 1px;
  background-color: #000000;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
div.sub2 > .item > .menu:hover:after,
div.sub2 > .item > .menu:focus:after {
  width: 100%;
}
div.sub2 > .item > .menu.path:after {
  width: 40px;
}
div.sub2 > .item > .menu.path:hover:after,
div.sub2 > .item > .menu.path:focus:after {
  width: 100%;
}
.navigation div.sub1 > .item.path div.sub2 > .item,
.navigation div.sub1 > .item:hover div.sub2 > .item {
  max-height: 150px;
  -webkit-transition: max-height 700ms ease, margin 300ms ease;
  transition: max-height 700ms ease, margin 300ms ease;
}
.navigation div.sub1 > .item.path div.sub2 > .item.init,
.navigation div.sub1 > .item:hover div.sub2 > .item.init {
  margin-top: 15px;
}
.navigation div.sub1 > .item.path div.sub2 > .item.exit,
.navigation div.sub1 > .item:hover div.sub2 > .item.exit {
  margin-bottom: 35px;
}
body:not(.cb-layout3) #home {
  width: 360px;
  max-width: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  position: relative;
}
body:not(.cb-layout3) #home:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 0;
  opacity: 0;
  height: 7px;
  background-color: #000000;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
body:not(.cb-layout3) .cb-scroll-triggered--active #home {
  overflow: hidden;
  width: 43px;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
body:not(.cb-layout3) .cb-scroll-triggered--active #home:after {
  width: 42px;
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
  transition: all 0.4s cubic-bezier(0.05, 0.8, 0.5, 1);
}
body:not(.cb-layout3) .logo {
  width: 360px;
}
.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cb-layout3 .container {
  padding-top: 135px;
}
.container--left {
  float: left;
  width: calc(((100vw - 1200px) / 2) + 480px);
  position: fixed;
  left: 0;
}
.container--right {
  float: left;
  width: calc(((100vw - 1200px) / 2) + 720px);
  margin-left: calc(((100vw - 1200px) / 2) + 480px);
}
.section--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 3vw 0 calc((100vw - 1200px) / 2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: calc(100vh - 170px);
}
@media (max-width: 1250px) {
  .section--header {
    padding: 0 3vw 0 5vw;
  }
}
.footarea {
  width: 100.83333333%;
  margin-left: -0.41322314%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footpart {
  margin-left: 0.41322314%;
  margin-right: 0.41322314%;
}
.footpart.footpart--slim {
  width: 49.17355372%;
}
.footpart.footpart--slim.exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#social .meta {
  bottom: 5px;
  position: relative;
}
.wrapper {
  font-size: 20px;
  line-height: 1.5;
}
h1,
h3 {
  font-size: 45px;
  line-height: 1.33333333;
}
.section--masonry .area {
  width: 100%;
}
.section--masonry .area > .unit {
  margin-right: 0.68493151%;
  margin-left: 0.68493151%;
  width: 98.63013699%;
}
.section--masonry .area .cb-album .body,
.section--masonry .area .head,
.section--masonry .area .foot,
.section--masonry .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--masonry .area > .slim .part {
  width: 100%;
}
.section--one .area {
  width: 100%;
}
.section--one .area > .unit {
  margin-right: 0.68493151%;
  margin-left: 0.68493151%;
  width: 98.63013699%;
}
.section--one .area .cb-album .body,
.section--one .area .head,
.section--one .area .foot,
.section--one .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area .tiny {
  width: 50%;
}
.section--one .area > .slim {
  width: 48.63013699%;
}
.section--one .area > .slim .head,
.section--one .area > .slim .foot,
.section--one .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim .tiny {
  width: 100%;
}
.section--masonry .area {
  width: 101.38888889%;
  margin-left: -0.69444444%;
}
#edit .section--masonry .area {
  width: 101.38888889%;
  margin-left: -0.69444444%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section--one .area {
  width: 101.38888889%;
  margin-left: -0.68493151%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section--one .area .wide .body {
  width: 101.38888889%;
  margin-left: -0.68493151%;
}
.section--one .area .wide .part {
  margin-left: 0.68493151%;
  margin-right: 0.68493151%;
}
.section--one .area .wide .part.tall {
  width: 98.63013699%;
}
.section--one .area .wide .part.tiny {
  width: 48.63013699%;
}
.section--masonry .area .unit {
  width: 31.91780822%;
  margin-left: 0.68493151%;
  margin-right: 0.68493151%;
}
.rolloverunit-large .part.text {
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}
.rolloverunit-large:hover .part.text,
.rolloverunit-large:focus .part.text {
  opacity: 1;
}
#view .section--masonry .unit .part.text {
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}
#view .section--masonry .unit:hover .part.text,
#view .section--masonry .unit:focus .part.text {
  opacity: 1;
}
/*# sourceMappingURL=screen-large.css.map */