html {
  font-size: 18px;
  scroll-behavior: smooth; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  height: 100%;
  width: 100%; }
  html ul, body ul {
    list-style: none; }
    html ul li, body ul li {
      padding-left: 0; }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

* {
  box-sizing: border-box; }

body {
  background-color: #F9F7F2;
  height: 100%;
  color: #111110;
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  min-height: 100vh;
  width: 100%;
  font-weight: 400;
  text-rendering: geometricPrecision;
  transition: background-color 0.5s linear;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  animation-name: animatebody;
  animation-duration: 2s; }
  body button:active {
    border: none;
    outline: none; }
  body button:focus {
    border: none;
    outline: none; }
  body a:link {
    color: #111110;
    text-decoration: none; }
  body a:visited {
    text-decoration: none;
    color: #111110; }
  body a:active {
    text-decoration: none;
    color: #111110; }

@keyframes animatebody {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #F9F7F2;
  z-index: 1;
  overflow: hidden; }

#status {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
  width: 100px;
  height: 3px;
  z-index: 1;
  border-radius: 100px;
  animation: spin 2s linear infinite; }

.animate-container {
  position: inherit;
  animation-name: animateContainer;
  animation-duration: 1s; }

@keyframes spin {
  0% {
    width: 0%; }
  100% {
    width: 82%; } }
@keyframes animateContainer {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.bodywhite {
  background-color: white; }

.home {
  display: block;
  width: 100%;
  background-color: #F9F7F2; }
  .home .logo {
    position: absolute;
    height: 65px;
    top: 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 80;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
    transition-delay: 0.5s; }
    .home .logo a {
      display: flex;
      flex-direction: column;
      position: relative;
      bottom: 0; }
      .home .logo a picture img {
        width: 250px; }
  .home .logo_move {
    opacity: 0;
    transform: translate(-50%, -150px); }
  .home .mainnav {
    position: fixed;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 75px;
    display: flex;
    justify-content: space-between;
    top: 25px;
    z-index: 999;
    opacity: 1;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
    transition-delay: 0.5s; }
    .home .mainnav ul {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 30%; }
      .home .mainnav ul li {
        position: relative;
        display: inline-block;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1.5rem;
        height: 30px; }
        .home .mainnav ul li a {
          text-decoration: none;
          color: #111110;
          font-family: "Josefin Sans", sans-serif;
          font-size: 0.66rem;
          font-weight: 400;
          letter-spacing: 0.16rem;
          text-transform: uppercase; }
        .home .mainnav ul li .horizlineh {
          position: absolute;
          bottom: 0;
          background-color: #111110;
          width: 0%;
          height: 2px;
          transition: width 0.4s; }
        .home .mainnav ul li a:hover .horizlineh {
          width: 100%; }
      .home .mainnav ul .navitemswhite {
        color: white; }
    .home .mainnav .wedoweare {
      text-align: left; }
      .home .mainnav .wedoweare li:first-child, .home .mainnav .wedoweare li:nth-child(2) {
        margin-right: 30px; }
    .home .mainnav .contactfollow {
      text-align: right; }
      .home .mainnav .contactfollow li:first-child {
        margin-right: 30px; }
  .home .mainnav_move {
    opacity: 0;
    transform: translate(-50%, -150px); }
  .home .smallnav {
    position: fixed;
    width: 20%;
    height: 100px;
    display: none;
    z-index: 999;
    top: 0;
    right: 5%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .home .smallnav #nav-icon {
      width: 50px;
      height: 50px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -15px; }
    .home .smallnav #nav-icon span {
      display: block;
      position: absolute;
      height: 2px;
      width: 17px;
      background: #F9F7F2;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .4s ease-in-out;
      -moz-transition: .4s ease-in-out;
      -o-transition: .4s ease-in-out;
      transition: .4s ease-in-out; }
    .home .smallnav .naviconwhite {
      background-color: #F9F7F2; }
    .home .smallnav #nav-icon span:nth-child(1) {
      top: 18px;
      left: 18px; }
    .home .smallnav #nav-icon span:nth-child(2), .home .smallnav #nav-icon span:nth-child(3) {
      top: 24px;
      left: 14px;
      width: 21px; }
    .home .smallnav #nav-icon span:nth-child(4) {
      top: 30px;
      left: 18px; }
    .home .smallnav #nav-icon.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .home .smallnav #nav-icon.open span:nth-child(2) {
      width: 25px;
      left: 13px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .home .smallnav #nav-icon.open span:nth-child(3) {
      width: 25px;
      left: 13px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .home .smallnav #nav-icon.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .home .smallnav .navblack {
      background: black; }
    .home .smallnav .navwhite {
      background: white; }
    .home .smallnav .menubuttonclose {
      background-image: url("img/icons/close.png"); }
  .home .smallnav_move {
    opacity: 0;
    transform: translate(150%, 0); }
  .home .menusmalldevwrap {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: white;
    z-index: 100;
    text-align: center;
    overflow: hidden;
    transform: translate(0, -100%);
    transition: transform 800ms ease-in-out; }
    .home .menusmalldevwrap .menusmalldev {
      font-family: "Playfair Display", serif;
      font-size: 1.6rem;
      letter-spacing: 0.1rem;
      text-decoration: none;
      line-height: 4rem;
      position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -35%);
      width: 80%;
      opacity: 0;
      transition: opacity 1s ease-in-out; }
      .home .menusmalldevwrap .menusmalldev li {
        display: block; }
    .home .menusmalldevwrap .menufollow {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 15%;
      opacity: 0;
      transition: opacity 1s ease-in-out; }
      .home .menusmalldevwrap .menufollow li {
        display: inline-block; }
      .home .menusmalldevwrap .menufollow .followtitle {
        color: #726F5E;
        text-transform: uppercase;
        font-size: 0.55rem;
        font-weight: 600;
        letter-spacing: 0.16rem;
        display: block;
        margin-bottom: 0.5rem; }
      .home .menusmalldevwrap .menufollow img {
        height: 50px;
        width: 50px; }
  .home .menusmalldevvisible {
    overflow: hidden;
    transform: translate(0, 0); }
    .home .menusmalldevvisible .menusmalldev, .home .menusmalldevvisible .menufollow {
      opacity: 1; }
  .home .logonotvisible {
    display: none; }
  .home .slideshowwraper {
    width: 100%;
    height: 100vh;
    position: relative; }
    .home .slideshowwraper .slideshow {
      width: 100%;
      height: 100vh;
      overflow: hidden; }
      .home .slideshowwraper .slideshow img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .home .slideshowwraper .slideshow video {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        width: 100%;
        height: 100%; }
      .home .slideshowwraper .slideshow .firstquote {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        text-align: center;
        width: 100%; }
        .home .slideshowwraper .slideshow .firstquote .firstrow {
          display: none;
          font-family: "Josefin Sans", sans-serif;
          font-size: 0.66rem;
          text-transform: uppercase;
          font-weight: 400;
          line-height: 3rem;
          letter-spacing: 0.2rem;
          color: #F9F7F2;
          opacity: 1;
          transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
          .home .slideshowwraper .slideshow .firstquote .firstrow img {
            width: 300px; }
        .home .slideshowwraper .slideshow .firstquote .firstrow_move {
          opacity: 0;
          transform: translateY(150px); }
@keyframes pedroname {
  0% {
    transform: translateX(300px);
    opacity: 0; }
  50% {
    transform: translateX(300px);
    opacity: 0; }
  100% {
    transform: translateX(0px);
    opacity: 1; } }
        .home .slideshowwraper .slideshow .firstquote .secondrow {
          display: inline-block;
          font-family: "Playfair Display", serif;
          font-size: 4.4rem;
          font-weight: 400;
          line-height: 4rem;
          letter-spacing: 0.2rem;
          color: #F9F7F2;
          opacity: 1;
          transition: opacity 3s;
          padding: 0 2rem 0 2rem;
          opacity: 1;
          transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
          transition-delay: 0.3s; }
          .home .slideshowwraper .slideshow .firstquote .secondrow .firstletteritalic {
            font-style: italic; }
        .home .slideshowwraper .slideshow .firstquote .secondroww_move {
          opacity: 0;
          transform: translateY(150px); }
@keyframes craftandartistry {
  0% {
    transform: translateX(700px); }
  20% {
    transform: translateX(0); }
  40% {
    transform: translateX(0); }
  60% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }
      .home .slideshowwraper .slideshow .verticallinewrap {
        position: absolute;
        width: 100%;
        height: 10%;
        bottom: 0%;
        text-align: center;
        opacity: 1;
        transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
        .home .slideshowwraper .slideshow .verticallinewrap .verticalline {
          font-size: 0.5rem;
          font-weight: 400;
          letter-spacing: 0.09rem;
          text-transform: uppercase;
          color: #F9F7F2;
          animation: movetext 1s infinite; }
        .home .slideshowwraper .slideshow .verticallinewrap .yellowcircle1 {
          position: absolute;
          bottom: 50%;
          left: 50%;
          transform: translateX(-50%);
          width: 8px;
          height: 8px;
          background-color: #FFDB00;
          border-radius: 50px;
          opacity: 1;
          animation: yellowcircle 4s linear infinite; }
        .home .slideshowwraper .slideshow .verticallinewrap .yellowcircle2 {
          position: absolute;
          bottom: 50%;
          left: 50%;
          transform: translateX(-50%);
          width: 8px;
          height: 8px;
          background-color: #FFDB00;
          border-radius: 50px;
          opacity: 1;
          animation: yellowcircle 4s linear infinite 2s; }
@keyframes yellowcircle {
  0% {
    bottom: 70%;
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    bottom: -300%;
    opacity: 1; } }
      .home .slideshowwraper .slideshow .verticallinewrap_move {
        opacity: 0;
        transform: translateY(150px); }

.poem_wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: relative;
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.7rem;
  letter-spacing: 0.27rem;
  color: black;
  position: relative;
  background-color: #F9F7F2;
  background-image: url("img/poem_back.png");
  background-size: cover;
  background-attachment: fixed; }
  .poem_wrap .poembackground_wrap {
    /*  position: absolute;
      height: 100%;
      width: 100%;
      overflow: hidden;
    
      background-image: url("img/poem_back.svg");
      background-size: cover;*/ }
    .poem_wrap .poembackground_wrap img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .poem_wrap .poem {
    position: absolute;
    width: 100%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    padding-top: 8%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .poem_wrap .poem li {
      position: relative;
      text-align: center; }
      .poem_wrap .poem li img {
        width: 34px; }
    .poem_wrap .poem :last-child {
      font-family: "Josefin Sans", sans-serif;
      font-weight: 600;
      font-size: 0.65rem;
      text-transform: uppercase;
      letter-spacing: 0.16rem;
      padding-top: 3rem;
      line-height: 1rem;
      color: #111110; }
      .poem_wrap .poem :last-child p {
        padding-top: 0.6rem;
        text-transform: none; }
  .poem_wrap .poem_move {
    opacity: 0;
    transform: translateY(150px); }

.weare {
  background-color: black;
  padding-bottom: 100px;
  position: relative;
  background-image: url("img/weare_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .weare .wearetitle {
    color: #F9F7F2;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12% 0 12% 0;
    font-size: 4.44rem;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    letter-spacing: 0.33rem;
    line-height: 4.44rem;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .weare .wearetitle ul {
      width: 60%;
      margin: 0 auto;
      position: relative; }
      .weare .wearetitle ul:after {
        content: "";
        display: table;
        clear: both; }
      .weare .wearetitle ul li {
        display: inline-block; }
        .weare .wearetitle ul li span {
          font-style: italic; }
    .weare .wearetitle .we {
      float: left; }
    .weare .wearetitle .are {
      float: right;
      margin-right: -0.5rem; }
  .weare .wearetitle_move {
    opacity: 0;
    transform: translateY(150px); }
  .weare .weare_back {
    /*  position: absolute;
      width: 100%;
      height: 100%;
     background-image: url("img/weare_back.png");
      background-repeat: repeat;
      background-size: cover;*/
    /*
        img{
          padding-top: 10%;
         position: absolute;
         height: 100%;
          width: 100%;
          object-fit: cover;
        }
    */ }
    .weare .weare_back #weare_back_move {
      animation: weare_back_move 80s ease-in-out infinite; }
@keyframes weare_back {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@keyframes weare_back_move {
  0% {
    transform: scale(1) translateY(0%); }
  50% {
    transform: scale(1.2) translateY(1%); }
  100% {
    transform: scale(1) translateY(0%); } }
  .weare .wearetext {
    display: block;
    position: relative;
    width: 100%;
    font-family: "Josefin Sans", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.03rem;
    line-height: 1.8rem;
    font-weight: 300;
    color: #F9F7F2; }
    .weare .wearetext p {
      padding-bottom: 1rem; }
    .weare .wearetext .firstblock {
      width: 60%;
      margin: 0 auto;
      padding: 0 0 70px 0;
      max-width: 867px;
      background-color: black;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .weare .wearetext .firstblock_move {
      opacity: 0;
      transform: translateY(150px); }
    .weare .wearetext .firstline {
      font-family: "Playfair Display", serif;
      font-size: 1.8rem;
      line-height: 2.2rem;
      letter-spacing: 0.05rem;
      font-weight: 400;
      padding-bottom: 2rem; }
    .weare .wearetext span {
      font-weight: 300; }
    .weare .wearetext .bigletter {
      font-size: 5rem;
      float: left;
      line-height: 3.9rem;
      padding-right: 0.4rem; }
    .weare .wearetext .imgwrap {
      position: relative;
      width: 60%;
      display: inline-block; }
      .weare .wearetext .imgwrap img {
        display: block; }
      .weare .wearetext .imgwrap .portrait {
        width: 100%;
        opacity: 1;
        transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .weare .wearetext .imgwrap .portrait_move {
        opacity: 0;
        transform: translateY(150px); }
      .weare .wearetext .imgwrap .portrait2 {
        position: relative;
        width: 50%;
        margin-left: 10%;
        transform: translateY(-10%);
        opacity: 1;
        transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .weare .wearetext .imgwrap .portrait2_move {
        opacity: 0;
        transform: translateY(150px); }
    .weare .wearetext .secondblock {
      width: 35%;
      display: inline-block;
      padding: 70px;
      max-width: 574px;
      position: absolute;
      bottom: 80px;
      left: 55%;
      background-color: black;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .weare .wearetext .secondblock_move {
      opacity: 0;
      transform: translateY(150px); }

.weare-press-article {
  color: white;
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 3rem 0 2rem;
  opacity: 1;
  transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .weare-press-article h3 {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    line-height: 1.9rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    margin-bottom: 2rem;
    width: 47%; }
  .weare-press-article .press-article {
    color: white;
    width: 47%; }
    .weare-press-article .press-article .article-content {
      padding: 2rem 0 1rem; }
  .weare-press-article .see-all {
    color: white;
    width: 47%;
    padding: 1rem 0;
    opacity: 0.8; }
    .weare-press-article .see-all:before {
      content: "";
      width: 32px;
      height: 1px;
      background-color: white;
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 16px; }
    .weare-press-article .see-all:hover {
      text-decoration: underline; }

.weare-press-article_move {
  opacity: 0;
  transform: translateY(150px); }

.wedo {
  background-color: #F9F7F2;
  position: relative;
  background-image: url("img/wedo_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .wedo .wedo_back {
    /*  position: absolute;
      width: 100%;
      height: 100%;*/ }
  .wedo .wedotitle {
    color: #111110;
    display: block;
    width: 100%;
    background-color: white;
    background-image: url("img/wedo_title_back.png");
    background-attachment: fixed;
    text-align: center;
    padding: 12% 0 12% 0;
    font-size: 4.44rem;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    letter-spacing: 0.33rem;
    line-height: 4.44rem; }
    .wedo .wedotitle ul {
      width: 60%;
      margin: 0 auto;
      position: relative;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .wedo .wedotitle ul:after {
        content: "";
        display: table;
        clear: both; }
      .wedo .wedotitle ul li {
        display: inline-block;
        background-color: white; }
        .wedo .wedotitle ul li span {
          font-style: italic; }
    .wedo .wedotitle .we {
      float: left; }
    .wedo .wedotitle .do {
      float: right;
      margin-right: -0.5rem; }
    .wedo .wedotitle .wedotitle_move {
      opacity: 0;
      transform: translateY(150px); }
  .wedo .fa {
    font: unset; }
  .wedo .japanning {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 15%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .wedo .japanning .japanningtextwrap {
      width: 50%;
      display: inline-block;
      order: 2;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .wedo .japanning .japanningtextwrap ul {
        padding: 0 40px;
        position: relative;
        background-color: #F9F7F2;
        max-width: 480px; }
    .wedo .japanning .japanningtextwrap_move {
      opacity: 0;
      transform: translateY(150px); }
    .wedo .japanning .tectitle {
      font-family: "Playfair Display", serif;
      font-weight: 400;
      font-size: 2rem;
      letter-spacing: 0.05rem;
      padding-bottom: 2rem; }
      .wedo .japanning .tectitle span {
        font-size: 3rem; }
    .wedo .japanning .tectext {
      font-family: "Josefin Sans", sans-serif;
      font-size: 1.2rem;
      letter-spacing: 0.025rem;
      line-height: 1.6rem;
      font-weight: 300; }
    .wedo .japanning .japanning-wrap {
      width: 50%;
      position: relative;
      transform: translateY(-50px);
      height: auto; }
      .wedo .japanning .japanning-wrap .owl-nav .owl-prev, .wedo .japanning .japanning-wrap .owl-nav .owl-next {
        right: 0%;
        top: 100%;
        padding-top: 9px;
        text-align: right;
        letter-spacing: 0.09rem;
        z-index: 99;
        font-weight: 400;
        font-size: 0.6rem;
        color: #111110;
        width: 35%;
        height: 107%;
        top: 0;
        font-family: "Josefin Sans", sans-serif; }
        .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-right, .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-left, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-right, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-left {
          font-style: normal;
          text-align: left;
          display: inline-block;
          position: absolute;
          bottom: 0; }
          .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-right .carettext, .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-left .carettext, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-right .carettext, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-left .carettext {
            display: none;
            text-align: right;
            padding-bottom: 0.4rem;
            margin-right: -0.09rem; }
          .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-right .caretline, .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-left .caretline, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-right .caretline, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-left .caretline {
            width: 0px;
            height: 1px;
            background-color: black;
            transition: width 0.3s ease-out; }
        .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-right, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-right {
          transform: translateX(-100%); }
        .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-right:before, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-right:before {
          display: none; }
        .wedo .japanning .japanning-wrap .owl-nav .owl-prev .fa-caret-left:before, .wedo .japanning .japanning-wrap .owl-nav .owl-next .fa-caret-left:before {
          display: none; }
        .wedo .japanning .japanning-wrap .owl-nav .owl-prev:hover .caretline, .wedo .japanning .japanning-wrap .owl-nav .owl-next:hover .caretline {
          background-color: black; }
      .wedo .japanning .japanning-wrap .owl-nav .owl-prev {
        right: unset;
        left: 30%;
        text-align: left; }
      .wedo .japanning .japanning-wrap .owl-carousel .item {
        position: relative;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        width: 70%;
        float: right; }
      .wedo .japanning .japanning-wrap .owl-dots {
        left: 30%;
        text-align: center;
        position: absolute;
        top: 100%;
        width: 70%;
        backface-visibility: hidden;
        counter-reset: slides-num;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 400;
        color: #726F5E;
        color: black;
        display: flex;
        height: 30px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #F9F7F2; }
        .wedo .japanning .japanning-wrap .owl-dots:after {
          visibility: hidden;
          content: counter(slides-num);
          display: inline-block;
          position: absolute;
          left: 20px;
          top: 0;
          vertical-align: middle; }
  .wedo .japanning_move {
    opacity: 0;
    transform: translateY(150px); }
  .wedo .urushi {
    position: relative;
    display: flex;
    padding-bottom: 15%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .wedo .urushi .urushitextwrap {
      width: 50%;
      display: inline-block;
      text-align: right;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .wedo .urushi .urushitextwrap ul {
        width: 100%;
        padding: 0 40px;
        background-color: #F9F7F2;
        z-index: 1;
        display: inline-block;
        text-align: left;
        max-width: 480px; }
    .wedo .urushi .urushitextwrap_move {
      opacity: 0;
      transform: translateY(150px); }
    .wedo .urushi .tectitle {
      font-family: "Playfair Display", serif;
      font-weight: 400;
      font-size: 2rem;
      letter-spacing: 0.05rem;
      padding-bottom: 2rem; }
      .wedo .urushi .tectitle span {
        font-size: 3rem; }
    .wedo .urushi .tectext {
      font-family: "Josefin Sans", sans-serif;
      font-size: 1.2rem;
      letter-spacing: 0.025rem;
      line-height: 1.6rem;
      font-weight: 300; }
    .wedo .urushi .urushi-wrap {
      width: 50%;
      z-index: 0;
      display: inline-block;
      float: right;
      height: auto;
      position: relative;
      transform: translateY(-50px); }
      .wedo .urushi .urushi-wrap .owl-nav .owl-next, .wedo .urushi .urushi-wrap .owl-nav .owl-prev {
        left: 0%;
        top: 0;
        padding-top: 8px;
        z-index: 999;
        text-align: right;
        letter-spacing: 0.09rem;
        font-weight: 400;
        font-size: 0.6rem;
        color: #111110;
        transition: letter-spacing 0.3s ease-out;
        width: 35%;
        height: 107%;
        font-family: "Josefin Sans", sans-serif; }
        .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-right, .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-left, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-right, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-left {
          font-style: normal;
          text-align: left;
          display: inline-block;
          position: absolute;
          bottom: 0; }
          .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-right .carettext, .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-left .carettext, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-right .carettext, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-left .carettext {
            display: none;
            text-align: right;
            padding-bottom: 0.4rem;
            margin-right: -0.09rem; }
          .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-right .caretline, .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-left .caretline, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-right .caretline, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-left .caretline {
            width: 0px;
            height: 1px;
            background-color: black;
            transition: width 0.3s ease-out; }
        .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-left, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-left {
          left: 0; }
          .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-left:before, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-left:before {
            display: none; }
        .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-right, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-right {
          right: 0; }
          .wedo .urushi .urushi-wrap .owl-nav .owl-next .fa-caret-right:before, .wedo .urushi .urushi-wrap .owl-nav .owl-prev .fa-caret-right:before {
            display: none; }
      .wedo .urushi .urushi-wrap .owl-nav .owl-next {
        left: unset;
        right: 30%;
        text-align: right; }
      .wedo .urushi .urushi-wrap .owl-carousel .item {
        position: relative;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        width: 70%; }
      .wedo .urushi .urushi-wrap .owl-dots {
        top: 100%;
        right: 3 0%;
        position: absolute;
        width: 70%;
        backface-visibility: hidden;
        counter-reset: slides-num;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 400;
        color: #726F5E;
        color: black;
        display: flex;
        height: 30px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #F9F7F2; }
        .wedo .urushi .urushi-wrap .owl-dots:after {
          visibility: hidden;
          content: counter(slides-num);
          display: inline-block;
          position: absolute;
          left: 20px;
          top: 0;
          vertical-align: middle; }
    .wedo .urushi:after {
      content: "";
      display: table;
      clear: both; }
  .wedo .urushi_move {
    opacity: 0;
    transform: translateY(150px); }
  .wedo .hpaint {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 10%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .wedo .hpaint .hpainttextwrap {
      width: 50%;
      display: inline-block;
      order: 1;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .wedo .hpaint .hpainttextwrap ul {
        padding: 0 40px;
        background-color: #F9F7F2;
        display: inline-block;
        max-width: 480px;
        background-color: #F9F7F2; }
    .wedo .hpaint .hpainttextwrap_move {
      opacity: 0;
      transform: translateY(150px); }
    .wedo .hpaint .tectitle {
      font-family: "Playfair Display", serif;
      font-weight: 400;
      font-size: 2rem;
      letter-spacing: 0.05rem;
      padding-bottom: 2rem; }
      .wedo .hpaint .tectitle span {
        font-size: 3rem; }
    .wedo .hpaint .tectext {
      font-family: "Josefin Sans", sans-serif;
      font-size: 1.2rem;
      letter-spacing: 0.025rem;
      line-height: 1.6rem;
      font-weight: 300; }
    .wedo .hpaint .hpaint-wrap {
      width: 50%;
      position: relative;
      z-index: 0;
      display: inline-block;
      transform: translateY(-50px);
      height: auto; }
      .wedo .hpaint .hpaint-wrap .owl-nav .owl-next, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev {
        right: 0;
        top: 0;
        padding-top: 8px;
        z-index: 99;
        text-align: right;
        letter-spacing: 0.09rem;
        font-weight: 400;
        font-size: 0.6rem;
        color: #111110;
        transition: letter-spacing 0.3s ease-out;
        width: 35%;
        height: 107%;
        font-family: "Josefin Sans", sans-serif; }
        .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-right, .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-left, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-right, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-left {
          font-style: normal;
          text-align: left;
          display: inline-block;
          position: absolute;
          bottom: 0; }
          .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-right .carettext, .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-left .carettext, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-right .carettext, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-left .carettext {
            display: none;
            text-align: right;
            padding-bottom: 0.4rem;
            margin-right: -0.09rem; }
          .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-right .caretline, .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-left .caretline, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-right .caretline, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-left .caretline {
            width: 0px;
            height: 1px;
            background-color: black;
            transition: width 0.3s ease-out; }
        .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-right, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-right {
          right: 0; }
          .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-right:before, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-right:before {
            display: none; }
        .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-left, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-left {
          left: 0;
          right: unset; }
          .wedo .hpaint .hpaint-wrap .owl-nav .owl-next .fa-caret-left:before, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev .fa-caret-left:before {
            display: none; }
      .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev {
        right: unset;
        left: 30%;
        text-align: left; }
      .wedo .hpaint .hpaint-wrap .owl-carousel .item {
        position: relative;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        width: 70%;
        float: right; }
      .wedo .hpaint .hpaint-wrap .owl-dots {
        text-align: center;
        position: absolute;
        top: 100%;
        width: 70%;
        backface-visibility: hidden;
        counter-reset: slides-num;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 400;
        color: #726F5E;
        color: black;
        display: flex;
        height: 30px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        left: 30%;
        background-color: #F9F7F2; }
        .wedo .hpaint .hpaint-wrap .owl-dots:after {
          visibility: hidden;
          content: counter(slides-num);
          display: inline-block;
          position: absolute;
          left: 20px;
          top: 0;
          vertical-align: middle; }
  .wedo .hpaint_move {
    opacity: 0;
    transform: translateY(150px); }
@keyframes lineanim {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }
  .wedo .owl-dot {
    height: 6px;
    width: 6px;
    border-radius: 6px;
    margin: 3px;
    display: inline-block;
    background-color: #DBD9D0;
    counter-increment: slides-num;
    font-family: "Playfair Display", serif; }
    .wedo .owl-dot span {
      display: none; }
    .wedo .owl-dot.active:before {
      visibility: hidden;
      content: counter(slides-num) " /";
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      font-size: 1.1rem;
      position: absolute;
      left: 0;
      top: 0; }
  .wedo .owl-dot.active {
    background-color: #111110; }
  .wedo .owl-nav > div {
    position: absolute;
    color: #cdcbcd; }
  .wedo .wealsodo {
    width: 100%;
    padding-bottom: 150px;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
    background-image: url("img/wedo_wealsodo.png");
    background-size: cover;
    background-attachment: fixed; }
    .wedo .wealsodo .wealsodotitle {
      color: #111110;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 4.44rem;
      font-family: "Playfair Display", serif;
      font-weight: 400;
      letter-spacing: 0.33rem;
      line-height: 4.44rem;
      padding: 0% 0 4% 0; }
      .wedo .wealsodo .wealsodotitle ul {
        width: 60%;
        margin: 0 auto;
        position: relative; }
        .wedo .wealsodo .wealsodotitle ul li {
          display: inline-block; }
          .wedo .wealsodo .wealsodotitle ul li span {
            font-style: italic; }
        .wedo .wealsodo .wealsodotitle ul:after {
          content: "";
          display: table;
          clear: both; }
      .wedo .wealsodo .wealsodotitle .and {
        font-style: italic;
        margin-right: -1.5rem; }
      .wedo .wealsodo .wealsodotitle .also {
        margin-right: -0.5rem;
        font-size: 2.1rem;
        font-style: italic; }
    .wedo .wealsodo .services {
      width: 100%;
      margin-right: 0 auto;
      margin-left: 0 auto;
      text-align: center; }
      .wedo .wealsodo .services li {
        text-align: left;
        width: 17%;
        display: inline-block;
        margin: 0 3px 0 3px;
        background-color: white; }
        .wedo .wealsodo .services li img {
          width: 100%;
          opacity: 0.9; }
      .wedo .wealsodo .services p {
        font-family: "Playfair Display", serif;
        font-size: 1rem;
        letter-spacing: 0.05rem;
        line-height: 1.3rem;
        padding: 0 1rem 0 1rem; }
        .wedo .wealsodo .services p:last-child {
          padding-bottom: 1rem; }
      .wedo .wealsodo .services .line {
        height: 1px;
        padding: 10px 0 10px 0;
        background-color: #F9F7F2;
        width: 25%;
        visibility: hidden; }
  .wedo .wealsodo_move {
    opacity: 0;
    transform: translateY(150px); }
  .wedo:after {
    content: "";
    display: table;
    clear: both; }

.waterhands {
  background-color: black;
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: relative;
  background-image: url("img/water.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: right top; }
  .waterhands .water {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  .waterhands .quote {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #F9F7F2;
    top: 50%;
    transform: translateY(-50%);
    padding: 20% 10% 10% 10%;
    font-family: "Playfair Display", serif;
    font-size: 3.2rem;
    line-height: 4.5rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .waterhands .quote .italic {
      font-style: italic; }
    .waterhands .quote .linkbox {
      padding: 0% 10% 140px 10%;
      display: inline-block;
      display: flex;
      justify-content: center;
      margin-top: 50px; }
      .waterhands .quote .linkbox a {
        font-family: "Josefin Sans", sans-serif;
        color: white;
        border: 2px solid white;
        align-self: center;
        padding: 16px 50px;
        font-size: 0.67rem;
        letter-spacing: 0.17rem;
        text-transform: uppercase;
        font-weight: 700;
        transition: 0.3s all;
        text-align: center;
        line-height: 1rem; }
        .waterhands .quote .linkbox a:hover {
          background-color: white;
          color: #111110; }
  .waterhands .quote_move {
    opacity: 0;
    transform: translateY(150px); }
  .waterhands:after {
    content: "";
    display: table;
    clear: both; }

.contact {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: white;
  background-image: url("img/contacts_back.png");
  background-size: cover;
  background-attachment: fixed; }
  .contact .contact_wrap {
    width: 100%;
    padding-top: 35vh; }
    .contact .contact_wrap .contacttitle {
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      text-transform: uppercase; }
      .contact .contact_wrap .contacttitle h2 {
        padding-bottom: 1rem;
        font-family: "Josefin Sans", sans-serif;
        font-size: 0.66rem;
        letter-spacing: 0.16rem;
        font-weight: 400; }
    .contact .contact_wrap .contacts {
      position: relative;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      padding: 0 10% 0 10%;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .contact .contact_wrap .contacts_move {
      opacity: 0;
      transform: translateY(150px); }
    .contact .contact_wrap .address {
      font-family: "Playfair Display", serif;
      font-size: 3rem;
      letter-spacing: 0.2rem;
      font-weight: 400;
      line-height: 5rem; }
    .contact .contact_wrap .location {
      font-family: "Playfair Display", serif;
      font-size: 1.7rem;
      letter-spacing: 0.25rem;
      font-weight: 400;
      line-height: 3.16rem;
      width: 100%;
      font-style: italic; }
    .contact .contact_wrap .phonemailwrap .phonemail {
      display: inline-block;
      font-family: "Josefin Sans", sans-serif;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      font-weight: 300;
      line-height: 2.5rem;
      vertical-align: center;
      padding: 0.5rem; }
      .contact .contact_wrap .phonemailwrap .phonemail .horizlineh {
        width: 0%;
        height: 1px;
        background-color: #111110;
        transition: width 0.4s linear; }
    .contact .contact_wrap .phonemailwrap .horizline {
      display: inline-block;
      width: 50px;
      height: 1px;
      background-color: black;
      margin: 0 20px 0.3rem 20px; }
  .contact .brush {
    bottom: 120px;
    text-align: center;
    height: 17%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .contact .brush img {
      align-self: flex-end;
      width: 181px; }
  .contact .brush_move {
    opacity: 0;
    transform: translate(0, 150px); }
  .contact .footer {
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.2rem;
    color: #726F5E;
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: space-around; }
    .contact .footer .socialfooter {
      height: 100%;
      width: 30%;
      display: inline-block;
      display: flex;
      justify-content: center;
      align-items: center; }
      .contact .footer .socialfooter li {
        display: inline;
        float: left;
        margin: 0 5px 0 5px; }
        .contact .footer .socialfooter li img {
          height: 30px;
          width: 30px;
          opacity: 0.5; }
          .contact .footer .socialfooter li img:hover {
            opacity: 1; }
    .contact .footer .navfooter {
      display: inline-block;
      height: 100%;
      width: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-transform: uppercase; }
      .contact .footer .navfooter li {
        display: inline;
        margin: 0 1rem 0 1rem;
        min-width: 55px; }
        .contact .footer .navfooter li a {
          text-decoration: none; }
    .contact .footer .by {
      display: inline-block;
      height: 100%;
      width: 30%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .contact .footer .by li {
        color: #B8B6AE;
        font-weight: 300; }

.catalog {
  background-color: white;
  background-image: url("img/catalog_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .catalog .home .mainnav .wedoweare li:nth-child(2) a .horizlineh {
    width: 100%; }
  .catalog .animate-container {
    min-height: 100vh; }
  .catalog .logo {
    position: absolute;
    z-index: 1000; }
  .catalog .mainnav {
    position: fixed;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 75px;
    display: flex;
    justify-content: space-between;
    top: 25px;
    z-index: 999;
    opacity: 1; }
  .catalog .smallnav #nav-icon span {
    background-color: #111110; }

.filters {
  position: absolute;
  width: 80%;
  margin-top: 135px;
  margin-left: 10.7%;
  display: flex;
  flex-direction: row;
  height: 70px;
  z-index: 98;
  /* font-size: 0.66rem;
   letter-spacing: 0.16rem;
   font-weight: 700;
   text-transform: uppercase;*/
  font-family: "Playfair Display", serif;
  font-size: 1rem; }
  .filters .filterdisabled {
    opacity: 0.5; }
  .filters li {
    position: relative;
    height: 50px;
    width: auto;
    padding-top: 10px;
    margin: 0 60px 0 0;
    cursor: pointer; }
    .filters li .filterline {
      position: absolute;
      width: 0%;
      height: 2px;
      background-color: black;
      bottom: 0px;
      transition: width 0.4s; }
    .filters li:hover {
      opacity: 1; }

#filter_bespoke:hover {
  opacity: 1; }

.filtersfixed {
  position: fixed;
  margin-top: unset;
  top: 0; }

.catalogarticles {
  position: relative;
  width: 100%;
  padding: 170px 0 20vh 0; }
  .catalogarticles .articlewraper {
    width: 80%;
    margin: 0 auto;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .catalogarticles .articlewraper .work {
      position: relative;
      display: inline-block;
      width: 33.33%;
      padding-right: 2%;
      float: left;
      padding: 45px 1% 0 1%;
      flex: 0 0 33%; }
      .catalogarticles .articlewraper .work .cat_imgwraper {
        position: relative;
        overflow: hidden;
        height: auto;
        height: 16vw; }
        .catalogarticles .articlewraper .work .cat_imgwraper img {
          width: 100%;
          height: auto;
          display: block;
          transition: .5s ease;
          object-fit: cover; }
        .catalogarticles .articlewraper .work .cat_imgwraper .imageoverlay {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          background-image: radial-gradient(50% 100%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.1) 100%);
          transition: .5s ease; }
      .catalogarticles .articlewraper .work .worktitle {
        font-size: 1rem;
        line-height: 1rem;
        padding-top: 20px;
        font-family: "Playfair Display", serif; }
      .catalogarticles .articlewraper .work .worktag {
        visibility: hidden;
        display: none; }
        .catalogarticles .articlewraper .work .worktag .tagbox {
          display: inline-block;
          border: 1px solid #726F5E;
          height: 20px;
          width: auto; }
          .catalogarticles .articlewraper .work .worktag .tagbox p {
            display: block;
            font-size: 0.5rem;
            letter-spacing: 0.05rem;
            line-height: 0.5rem;
            padding: 5px 8px 0px 8px;
            color: #726F5E;
            text-transform: uppercase; }
        .catalogarticles .articlewraper .work .worktag .tagbox-hidden {
          visibility: hidden; }
      .catalogarticles .articlewraper .work .serial-number {
        margin-top: 12px;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 300;
        display: block;
        font-size: 0.7rem;
        letter-spacing: 0.05rem;
        line-height: 0.5rem;
        color: #726F5E; }
      .catalogarticles .articlewraper .work:hover .imageoverlay {
        opacity: 1; }
      .catalogarticles .articlewraper .work:hover img {
        transform: scale(1.1); }
    .catalogarticles .articlewraper .tag_avaliable {
      display: block; }
    .catalogarticles .articlewraper .tag_bespoke {
      display: block; }
    .catalogarticles .articlewraper:after {
      content: "";
      display: table;
      clear: both; }
  .catalogarticles .articlewraper_move {
    opacity: 0;
    transform: translateY(150px); }

.catalogfooter {
  display: inline-block;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  color: #726F5E;
  height: 70px;
  width: 100%;
  position: static;
  bottom: 0;
  display: flex;
  justify-content: space-around; }
  .catalogfooter .socialfooter {
    height: 100%;
    width: 30%;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center; }
    .catalogfooter .socialfooter li {
      display: inline;
      float: left;
      margin: 0 5px 0 5px; }
      .catalogfooter .socialfooter li img {
        height: 30px;
        width: 30px;
        opacity: 0.5; }
        .catalogfooter .socialfooter li img:hover {
          opacity: 1; }
  .catalogfooter .navfooter {
    display: inline-block;
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .catalogfooter .navfooter li {
      display: inline;
      margin: 0 1rem 0 1rem; }
      .catalogfooter .navfooter li a {
        text-decoration: none; }
  .catalogfooter .by {
    display: inline-block;
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .catalogfooter .by li {
      color: #B8B6AE;
      font-weight: 300; }

.workbody {
  background-color: white; }
  .workbody .mainnav {
    top: 25px;
    opacity: unset;
    transition: unset;
    display: none; }
  .workbody .logo {
    position: absolute; }
  .workbody .smallnav #nav-icon span {
    background-color: #111110; }
  .workbody .smallnav {
    display: none !important; }

.carouselpage {
  display: none;
  width: 100%;
  background-color: white;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  top: 0; }
  .carouselpage .fa {
    font: unset; }
  .carouselpage .closeicon_wrap {
    position: absolute;
    width: 90%;
    height: 50px;
    left: 50%;
    transform: translate(-50%);
    z-index: 99; }
    .carouselpage .closeicon_wrap .closeicon {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 25px;
      right: -15px;
      cursor: pointer;
      display: flex;
      justify-content: center; }
      .carouselpage .closeicon_wrap .closeicon span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 25px;
        height: 2px;
        background-color: #111110; }
        .carouselpage .closeicon_wrap .closeicon span:first-child {
          transform: rotate(45deg); }
        .carouselpage .closeicon_wrap .closeicon span:last-child {
          transform: rotate(-45deg); }
  .carouselpage .work_img_carousel-wrap {
    position: absolute;
    height: auto;
    width: 100%;
    top: 10%;
    opacity: 0;
    transform: translateY(150px);
    transition: opacity 1s, transform 2000ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
    transition-delay: 0.8s; }
    .carouselpage .work_img_carousel-wrap .owl-stage-outer {
      height: 80vh; }
    .carouselpage .work_img_carousel-wrap .owl-nav {
      display: flex;
      justify-content: space-between;
      width: 80%;
      margin-left: 10%;
      position: absolute;
      top: 0;
      height: 100%; }
    .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next {
      width: 50%;
      padding-top: 15px;
      letter-spacing: 0.09rem;
      z-index: 99;
      font-weight: 400;
      font-size: 0.6rem;
      color: #111110;
      display: inline-block;
      position: relative;
      font-family: "Josefin Sans", sans-serif; }
      .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-right, .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-left, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-right, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-left {
        font-style: normal;
        text-align: left;
        display: inline-block;
        position: absolute;
        bottom: -5%; }
        .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-right .carettext, .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-left .carettext, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-right .carettext, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-left .carettext {
          text-align: right;
          padding-bottom: 0.4rem;
          margin-right: -0.09rem; }
        .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-right .caretline, .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-left .caretline, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-right .caretline, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-left .caretline {
          width: 0px;
          height: 1px;
          background-color: black;
          transition: width 0.3s ease-out; }
      .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-right, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-right {
        right: 0; }
      .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-right:before, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-right:before {
        display: none; }
      .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev .fa-caret-left:before, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next .fa-caret-left:before {
        display: none; }
      .carouselpage .work_img_carousel-wrap .owl-nav .owl-prev:hover .caretline, .carouselpage .work_img_carousel-wrap .owl-nav .owl-next:hover .caretline {
        width: 99%;
        background-color: black; }
    .carouselpage .work_img_carousel-wrap .owl-nav .owl-next {
      text-align: right; }
    .carouselpage .work_img_carousel-wrap .owl-carousel .item {
      z-index: 100;
      width: 80vw; }
      .carouselpage .work_img_carousel-wrap .owl-carousel .item img {
        object-fit: cover;
        height: 80vh !important; }
    .carouselpage .work_img_carousel-wrap .owl-dots {
      text-align: center;
      position: absolute;
      bottom: -5.5%;
      width: 100%;
      backface-visibility: hidden;
      counter-reset: slides-num;
      font-family: "Playfair Display", serif;
      font-size: 1.1rem;
      font-weight: 400;
      color: #726F5E;
      color: black;
      display: flex;
      height: 30px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 35px; }
      .carouselpage .work_img_carousel-wrap .owl-dots:after {
        visibility: hidden;
        content: counter(slides-num);
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 0;
        vertical-align: middle; }
    .carouselpage .work_img_carousel-wrap .owl-dot {
      height: 6px;
      width: 6px;
      border-radius: 6px;
      margin: 3px;
      display: inline-block;
      background-color: #DBD9D0;
      counter-increment: slides-num;
      font-family: "Playfair Display", serif; }
      .carouselpage .work_img_carousel-wrap .owl-dot span {
        display: none; }
      .carouselpage .work_img_carousel-wrap .owl-dot.active {
        background-color: #111110; }
        .carouselpage .work_img_carousel-wrap .owl-dot.active:before {
          visibility: hidden;
          content: counter(slides-num) " /";
          display: inline-block;
          vertical-align: middle;
          text-align: left;
          font-size: 1.1rem;
          position: absolute;
          left: 0;
          top: 0; }

.carouselpage_open {
  display: block; }
  .carouselpage_open .work_img_carousel-wrap {
    opacity: 1;
    transform: translateY(0%); }

.workdetails .workcover {
  margin-top: 120px;
  width: 80%;
  height: 70vh;
  margin-left: 10%;
  opacity: 1;
  transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .workdetails .workcover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.workdetails .workcover_move {
  opacity: 0;
  transform: translateY(150px); }
.workdetails .workintroduction {
  padding-top: 5%;
  padding-bottom: 5%;
  opacity: 1;
  transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .workdetails .workintroduction li {
    width: 80%;
    margin-left: 10%; }
    .workdetails .workintroduction li:last-child {
      display: flex;
      padding: 35px 0 100px 0; }
  .workdetails .workintroduction .worktitle {
    font-family: "Playfair Display", serif;
    font-size: 4.4rem;
    line-height: 4.4rem;
    font-weight: 300;
    width: 50%;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .workdetails .workintroduction .worktitle_move {
    opacity: 0;
    transform: translateY(150px); }
  .workdetails .workintroduction .workyear {
    width: 35%;
    display: inline-block;
    font-family: "Playfair Display", serif;
    font-size: 1.45rem;
    font-weight: 300;
    line-height: 1.3rem;
    min-width: 225px;
    position: relative; }
    .workdetails .workintroduction .workyear span {
      display: block;
      padding-bottom: 10px; }
    .workdetails .workintroduction .workyear .tagbox {
      display: inline-block;
      border: 1px solid #726F5E;
      height: 20px;
      width: auto; }
      .workdetails .workintroduction .workyear .tagbox p {
        display: block;
        font-size: 0.5rem;
        letter-spacing: 0.05rem;
        line-height: 0.5rem;
        padding: 5px 8px 0px 8px;
        color: #726F5E;
        text-transform: uppercase;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 400; }
  .workdetails .workintroduction .workdescription {
    width: 50%;
    display: inline-block;
    font-size: 1.3rem;
    letter-spacing: 0.03rem;
    font-weight: 300;
    line-height: 1.8rem;
    max-width: 655px; }
.workdetails .workintroduction_move {
  opacity: 0;
  transform: translateY(150px); }
.workdetails .work-images-wrap {
  background-color: #F9F7F2; }
  .workdetails .work-images-wrap .work_img_fixed {
    margin-left: 10%;
    width: 80%;
    height: 70vh;
    transform: translateY(-50px);
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .workdetails .work-images-wrap .work_img_fixed img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
    .workdetails .work-images-wrap .work_img_fixed .leftimg {
      float: left;
      width: 50%;
      height: 100%;
      border-right: 10px solid rgba(255, 255, 255, 0);
      position: relative;
      overflow: hidden; }
      .workdetails .work-images-wrap .work_img_fixed .leftimg img {
        transition: .5s ease; }
      .workdetails .work-images-wrap .work_img_fixed .leftimg:hover img {
        transform: scale(1.1); }
    .workdetails .work-images-wrap .work_img_fixed .rightimgs {
      float: left;
      width: 50%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      .workdetails .work-images-wrap .work_img_fixed .rightimgs .righttopimg {
        height: 50%;
        border-bottom: 10px solid rgba(255, 255, 255, 0);
        position: relative;
        overflow: hidden; }
        .workdetails .work-images-wrap .work_img_fixed .rightimgs .righttopimg img {
          transition: .5s ease; }
        .workdetails .work-images-wrap .work_img_fixed .rightimgs .righttopimg:hover img {
          transform: scale(1.1); }
      .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs {
        height: 50%;
        position: relative;
        overflow: hidden; }
        .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg1 {
          float: left;
          height: 100%;
          width: 60%;
          border-right: 10px solid rgba(255, 255, 255, 0);
          position: relative;
          overflow: hidden; }
          .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg1 img {
            transition: .5s ease; }
          .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg1:hover img {
            transform: scale(1.1); }
        .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg2 {
          float: left;
          height: 100%;
          width: 40%;
          position: relative;
          overflow: hidden; }
          .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg2 img {
            transition: .5s ease; }
          .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg2:hover img {
            transform: scale(1.1); }
        .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs:after {
          content: "";
          display: table;
          clear: both; }
    .workdetails .work-images-wrap .work_img_fixed .imageoverlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      background-image: radial-gradient(50% 100%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.1) 100%);
      transition: .5s ease;
      padding: inherit;
      cursor: pointer; }
    .workdetails .work-images-wrap .work_img_fixed .imageoverlay:hover {
      opacity: 1; }
    .workdetails .work-images-wrap .work_img_fixed:after {
      content: "";
      display: table;
      clear: both; }
  .workdetails .work-images-wrap:after {
    content: "";
    display: table;
    clear: both; }
  .workdetails .work-images-wrap .work_img_fixed_move {
    opacity: 0;
    transform: translateY(150px); }
  .workdetails .work-images-wrap .table-wrap {
    padding: 20px 0 100px 0; }
    .workdetails .work-images-wrap .table-wrap table {
      width: 80%;
      margin-left: 10%; }
      .workdetails .work-images-wrap .table-wrap table tr {
        height: 48px;
        border-top: 1px solid #726F5E;
        border-bottom: 1px solid #726F5E; }
        .workdetails .work-images-wrap .table-wrap table tr:first-child {
          border-top: 2px solid #726F5E; }
        .workdetails .work-images-wrap .table-wrap table tr:last-child {
          border-bottom: 2px solid #726F5E; }
        .workdetails .work-images-wrap .table-wrap table tr th {
          width: 20%;
          text-align: left;
          border-right: 1px solid #726F5E;
          font-weight: 400;
          font-size: 0.6rem;
          letter-spacing: 0.09rem;
          text-transform: uppercase;
          vertical-align: top;
          padding: 10px;
          line-height: 1rem; }
        .workdetails .work-images-wrap .table-wrap table tr td {
          text-align: left;
          padding: 10px;
          font-weight: 500;
          font-size: 0.8rem;
          letter-spacing: 0.07rem;
          vertical-align: top; }
          .workdetails .work-images-wrap .table-wrap table tr td p {
            line-height: 1rem; }
        .workdetails .work-images-wrap .table-wrap table tr .tabletitle {
          border-right: unset;
          text-align: center;
          vertical-align: middle;
          font-size: 0.8rem;
          font-weight: 700;
          line-height: 1.1rem;
          padding: 4px 0 0 0; }
      .workdetails .work-images-wrap .table-wrap table .tabletitletr {
        height: 40px; }
  .workdetails .work-images-wrap .linkbox {
    padding: 0 10% 140px 10%;
    display: inline-block;
    display: flex;
    justify-content: center; }
    .workdetails .work-images-wrap .linkbox a {
      border: 2px solid #111110;
      align-self: center;
      padding: 16px 50px;
      font-size: 0.67rem;
      letter-spacing: 0.17rem;
      text-transform: uppercase;
      font-weight: 700;
      transition: 0.3s all;
      text-align: center;
      line-height: 1rem; }
      .workdetails .work-images-wrap .linkbox a:hover {
        background-color: #111110;
        color: #F9F7F2; }

.buybutton {
  margin-bottom: 1rem; }

.popover {
  width: 300px;
  background-color: white;
  width: 80vw;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  font-size: 1rem;
  letter-spacing: 0.03rem;
  line-height: 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  padding: 2rem;
  box-shadow: 0 24px 100px 0 rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 999; }
  .popover h3 {
    letter-spacing: 0.03rem;
    padding-bottom: 1rem; }
  .popover p {
    padding-bottom: 0.5rem; }
  .popover .closeicon_wrap {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 99;
    top: 0;
    left: 0; }
    .popover .closeicon_wrap .closeicon {
      position: absolute;
      width: 50px;
      height: 50px;
      right: 0;
      padding: 2rem;
      cursor: pointer;
      display: flex;
      justify-content: center; }
      .popover .closeicon_wrap .closeicon span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 25px;
        height: 2px;
        background-color: #111110;
        padding-bottom: 0; }
        .popover .closeicon_wrap .closeicon span:first-child {
          transform: rotate(45deg); }
        .popover .closeicon_wrap .closeicon span:last-child {
          transform: rotate(-45deg); }

.popover-visible {
  display: block; }

.shipping-returns {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.07em;
  font-weight: 300;
  cursor: pointer; }
  .shipping-returns:after {
    content: "";
    width: 49px;
    height: 1px;
    display: inline-block;
    background-color: Black;
    vertical-align: middle;
    margin-left: 0.5rem; }
  .shipping-returns:hover {
    color: #E7C700; }
    .shipping-returns:hover:after {
      background-color: #E7C700; }

.workfooter {
  display: inline-block;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  color: #726F5E;
  height: 70px;
  width: 100%;
  position: static;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  background-color: #F9F7F2; }
  .workfooter .socialfooter {
    height: 100%;
    width: 30%;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center; }
    .workfooter .socialfooter li {
      display: inline;
      float: left;
      margin: 0 5px 0 5px; }
      .workfooter .socialfooter li img {
        height: 30px;
        width: 30px;
        opacity: 0.5; }
        .workfooter .socialfooter li img:hover {
          opacity: 1; }
  .workfooter .navfooter {
    display: inline-block;
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .workfooter .navfooter li {
      display: inline;
      margin: 0 1rem 0 1rem; }
      .workfooter .navfooter li a {
        text-decoration: none; }
  .workfooter .by {
    display: inline-block;
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .workfooter .by li {
      color: #B8B6AE;
      font-weight: 300; }

.gobacklink_black {
  width: 25%;
  margin-left: 5%;
  top: 37px;
  height: 75px;
  position: fixed;
  z-index: 99; }
  .gobacklink_black a {
    position: absolute;
    top: 17%;
    color: #111110;
    font-size: 0.66rem;
    letter-spacing: 0.16rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5rem;
    display: inline-block;
    transition: transform 0.5s ease-in-out; }
    .gobacklink_black a span {
      display: inline-block;
      float: left;
      margin: 4px 0 0 10px; }
      .gobacklink_black a span .horizlineh {
        float: left;
        background-color: #111110;
        height: 2px;
        margin-top: 5px;
        width: 0%;
        transition: width 0.5s; }
    .gobacklink_black a img {
      float: left;
      width: 30px;
      transition: transform 0.5s; }
    .gobacklink_black a:hover img {
      transform: translateX(-16px); }
    .gobacklink_black a:after {
      content: "";
      display: table;
      clear: both; }

.gobacklink_black_none {
  opacity: 0; }

.archive {
  background-color: black;
  background-image: url("img/catalog_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .archive .home .mainnav .wedoweare li:last-child a .horizlineh {
    width: 100%; }
  .archive .animate-container {
    min-height: 100vh; }
  .archive .logo {
    position: absolute;
    z-index: 1000; }
  .archive .mainnav {
    position: fixed;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 75px;
    display: flex;
    justify-content: space-between;
    top: 25px;
    z-index: 999;
    opacity: 1; }
  .archive .smallnav #nav-icon span {
    background-color: #111110; }
  .archive .smallnav #nav-icon .smallnavwhite {
    background-color: #F9F7F2; }
  .archive .smallnav #nav-icon .smallnavblack {
    background-color: #111110; }
  .archive .catalogfooter .navfooter li a {
    color: #B8B6AE; }

.archive_intro {
  width: 100%;
  min-height: 80vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 250px 10%;
  background-color: white;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  line-height: 1.8rem;
  font-weight: 300; }
  .archive_intro span {
    font-family: "Playfair Display", serif;
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    padding-bottom: 2rem;
    display: inline-block; }
  .archive_intro p {
    width: 80%;
    display: inline-block;
    max-width: 800px;
    padding-top: 5rem;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }

.archive_component_move {
  opacity: 0 !important;
  transform: translateY(150px); }

.archive-content {
  background-color: black;
  background-image: url("img/weare_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .archive-content .archive-content-intro {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10rem; }
    .archive-content .archive-content-intro figure {
      width: 50%;
      margin: -3rem 0 0 0;
      align-self: flex-end;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .archive-content .archive-content-intro figure img {
        width: 100%;
        display: block; }
    .archive-content .archive-content-intro .archive_index {
      align-self: flex-start;
      width: 50%;
      max-width: 440px;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
      .archive-content .archive-content-intro .archive_index th {
        text-align: left;
        font-weight: 600;
        font-size: 0.65rem;
        text-transform: uppercase;
        letter-spacing: 0.16rem;
        color: #F9F7F2;
        height: 4rem; }
      .archive-content .archive-content-intro .archive_index td {
        height: 2.5rem; }
      .archive-content .archive-content-intro .archive_index a {
        font-family: "Playfair Display", serif;
        font-size: 1.3rem;
        color: #F9F7F2; }
        .archive-content .archive-content-intro .archive_index a:hover {
          text-decoration: underline; }
  .archive-content .millenniumwraper {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    color: #F9F7F2;
    display: flex;
    flex-direction: row;
    margin-bottom: 100px;
    overflow: visible; }
    .archive-content .millenniumwraper .millennium-number, .archive-content .millenniumwraper .project-year {
      font-size: 7rem;
      font-family: "Playfair Display", serif;
      font-weight: 300;
      line-height: 4.44rem;
      width: 15%;
      height: 7rem;
      display: inline-block;
      position: -webkit-sticky;
      position: sticky;
      top: 6rem;
      margin-bottom: 3rem;
      opacity: 1;
      transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965);
      z-index: 99; }
    .archive-content .millenniumwraper .millennium-number {
      text-align: right; }
    .archive-content .millenniumwraper .millennium-content {
      width: 85%;
      display: inline-block; }
      .archive-content .millenniumwraper .millennium-content .year-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 3rem;
        overflow: visible; }
        .archive-content .millenniumwraper .millennium-content .year-content .project-content {
          width: 75%;
          display: inline-block; }
          .archive-content .millenniumwraper .millennium-content .year-content .project-content li {
            margin-bottom: 3rem; }
          .archive-content .millenniumwraper .millennium-content .year-content .project-content .project-category {
            font-weight: 600;
            font-size: 0.65rem;
            text-transform: uppercase;
            letter-spacing: 0.16rem;
            line-height: 1rem;
            padding-top: 2.4rem;
            margin-bottom: 0.5rem;
            opacity: 1;
            transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
          .archive-content .millenniumwraper .millennium-content .year-content .project-content .project-title {
            font-family: "Playfair Display", serif;
            font-size: 1.8rem;
            line-height: 2.2rem;
            letter-spacing: 0.05rem;
            font-weight: 400;
            margin-bottom: 1rem;
            opacity: 1;
            transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
          .archive-content .millenniumwraper .millennium-content .year-content .project-content .project-description {
            font-family: "Josefin Sans", sans-serif;
            font-size: 1.3rem;
            letter-spacing: 0.03rem;
            line-height: 1.8rem;
            font-weight: 300;
            color: #F9F7F2;
            margin-bottom: 2rem;
            opacity: 1;
            transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
          .archive-content .millenniumwraper .millennium-content .year-content .project-content figure {
            margin: 0 0 3rem 0;
            display: flex;
            flex-direction: column;
            opacity: 1;
            transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
            .archive-content .millenniumwraper .millennium-content .year-content .project-content figure img {
              display: block;
              width: auto;
              max-width: 100%;
              align-self: flex-end; }
            .archive-content .millenniumwraper .millennium-content .year-content .project-content figure .project-techniques {
              font-family: "Josefin Sans", sans-serif;
              font-size: 0.6rem;
              letter-spacing: 0.12rem;
              line-height: 1.12rem;
              font-weight: 400;
              text-transform: uppercase;
              color: #F9F7F2;
              margin-top: 1rem;
              text-align: right; }
              .archive-content .millenniumwraper .millennium-content .year-content .project-content figure .project-techniques span {
                font-size: 0.8rem;
                letter-spacing: 0.05rem;
                line-height: 1.12rem;
                font-weight: 300;
                text-transform: capitalize; }

.press {
  background-color: #F9F7F2;
  background-image: url("img/catalog_back.png");
  background-repeat: repeat;
  background-attachment: fixed; }
  .press .catalogfooter {
    background-color: white; }
  .press .home .logo {
    z-index: 99999; }
  .press .home .mainnav .contactfollow li:first-child a .horizlineh {
    width: 100%; }

.press-article {
  display: flex;
  flex-direction: column; }
  .press-article figure {
    margin: 0;
    position: relative;
    overflow: hidden; }
    .press-article figure img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block; }
  .press-article .article-content {
    padding: 1.5rem 0;
    display: flex;
    flex-direction: column; }
    .press-article .article-content .article-origin {
      text-transform: uppercase;
      font-size: 0.65rem;
      letter-spacing: 0.13rem;
      line-height: 1rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .press-article .article-content .article-tilte {
      font-family: "Playfair Display", serif;
      font-size: 1.5rem;
      line-height: 1.9rem;
      letter-spacing: 0.05rem;
      font-weight: 400;
      margin-bottom: 1rem;
      transition: .2s ease; }
    .press-article .article-content .article-author {
      font-size: 0.75rem;
      letter-spacing: 0.05rem;
      line-height: 1.12rem;
      font-weight: 400;
      color: #726F60; }
  .press-article:hover .article-tilte {
    text-decoration: underline;
    transition: .2s ease; }

.press-featured {
  width: 100%;
  margin-top: 170px;
  margin-bottom: -3rem;
  padding: 0 10%;
  background-color: #F9F7F2;
  font-family: "Josefin Sans", sans-serif;
  opacity: 1;
  transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .press-featured .press-article {
    flex-direction: row;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
  .press-featured figure {
    width: 47%; }
  .press-featured .article-content {
    padding-top: 3rem;
    padding-left: 4rem;
    width: 53%; }
    .press-featured .article-content .article-tilte {
      font-size: 4rem;
      line-height: 4.4rem;
      margin-bottom: 2rem;
      max-width: 560px; }

.press-content {
  width: 100%;
  padding: 0 10%;
  display: flex;
  flex-direction: row;
  background-color: white;
  margin-top: -3rem;
  padding-bottom: 12rem; }
  .press-content .press-title {
    width: 47%;
    padding-top: 10rem;
    position: sticky;
    top: 4rem;
    height: 6rem;
    font-family: "Playfair Display", serif;
    font-size: 4.4rem;
    letter-spacing: 0.05rem;
    font-weight: 400; }
    .press-content .press-title span {
      font-style: italic; }
  .press-content .press-list {
    position: relative;
    width: 53%;
    display: flex;
    flex-direction: row;
    padding-left: 4rem;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6rem;
    opacity: 1;
    transition: opacity 1s, transform 1300ms cubic-bezier(0.035, 0.655, 0.24, 0.965); }
    .press-content .press-list li {
      flex: 0 0 46%;
      margin-bottom: 2rem; }
    .press-content .press-list > li:nth-child(even) {
      transform: translateY(12rem); }

@media only screen and (max-width: 1400px) {
  .press-featured .article-content .article-tilte {
    font-size: 3.4rem;
    line-height: 3.3rem; } }
@media only screen and (max-width: 1200px) {
  .weare .wearetext .secondblock {
    width: 45%;
    bottom: 0; } }
@media only screen and (max-width: 1070px) {
  .home .logo {
    z-index: 99;
    top: 20px;
    left: 5%;
    transform: translate(0, 0);
    transition-delay: 0.5s; }
  .home .logo_move {
    opacity: 0;
    transform: translate(-150%, 0); }
  .home .mainnav {
    display: none; }
  .home .smallnav {
    display: block;
    transition-delay: 0.5s; }
    .home .smallnav .menubutton {
      right: 0px; }
  .home .slideshowwraper .slideshow .verticallinewrap {
    transition-delay: 1s; }

  .weare .wearetext .firstblock {
    width: 80%;
    max-width: unset;
    padding: 0px 0 150px 0; }
  .weare .wearetext .secondblock {
    position: relative;
    padding: 150px 0 75px 0;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    bottom: unset;
    max-width: unset; }
  .weare .wearetext .imgwrap {
    width: 100%; }

  .wedo .caretline {
    display: none; }

  .workbody .home .logo {
    display: none; }
  .workbody .gobacklink_black {
    top: 21px;
    width: 70%; }
  .workbody .workdetails .workintroduction .worktitle {
    width: unset; }
  .workbody .workdetails .workintroduction .workdescription {
    width: unset; }
  .workbody .workdetails .work-images-wrap .work_img_fixed {
    height: unset; }
    .workbody .workdetails .work-images-wrap .work_img_fixed .leftimg {
      width: 100%;
      border-right: unset;
      border-bottom: 10px solid rgba(255, 255, 255, 0); }
    .workbody .workdetails .work-images-wrap .work_img_fixed .rightimgs {
      width: 100%; }
      .workbody .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg1 {
        width: 100%;
        border-right: unset;
        border-bottom: 10px solid rgba(255, 255, 255, 0); }
      .workbody .workdetails .work-images-wrap .work_img_fixed .rightimgs .rightbottomimgs .rightbottomimg2 {
        width: 100%; }

  .archive-content .millenniumwraper .millennium-number, .archive-content .millenniumwraper .project-year {
    font-size: 6rem; }

  .archive_intro p {
    padding-top: 3rem; }

  .press .home .smallnav #nav-icon span {
    background: #111110; }

  .press-article .article-content .article-origin {
    font-size: 0.6rem;
    letter-spacing: 0.12rem;
    line-height: 1.12rem;
    font-weight: 400;
    margin-bottom: 0.1rem; }
  .press-article .article-content .article-tilte {
    font-size: 1.5rem;
    line-height: 1.8rem; }

  .press-featured {
    margin-bottom: 3rem; }
    .press-featured .press-article {
      flex-direction: column; }
      .press-featured .press-article figure {
        width: 100%; }
      .press-featured .press-article .article-content {
        padding: 2rem 0 0 0;
        width: 100%; }

  .press-content {
    margin-top: 0;
    padding-top: 3rem; }
    .press-content .press-title {
      display: none; }
    .press-content .press-list {
      margin-top: 0;
      width: 100%;
      flex-direction: column;
      flex-wrap: nowrap;
      padding-left: 0; }
      .press-content .press-list li {
        flex: 0 0 auto; }
      .press-content .press-list > li:nth-child(even) {
        transform: translateY(0); }
      .press-content .press-list .press-article {
        flex-direction: row; }
        .press-content .press-list .press-article figure {
          width: 20%;
          min-width: 60px; }
        .press-content .press-list .press-article .article-content {
          padding: 0 0 0 2rem;
          width: 80%; }
          .press-content .press-list .press-article .article-content .article-author {
            font-size: 0.5rem; }

  .press-featured .article-content .article-tilte {
    font-size: 2.5rem;
    line-height: 3.3rem; } }
@media only screen and (max-width: 979px) {
  .poem {
    font-size: 1.5rem;
    line-height: 2.3rem;
    letter-spacing: 0.25rem; }
    .poem ul {
      width: 80%; }

  .weare .wearetitle ul {
    width: 80%; }

  .wedo .wedotitle ul {
    width: 80%; }
  .wedo .japanning {
    flex-direction: column; }
    .wedo .japanning .japanningtextwrap {
      width: 100%; }
      .wedo .japanning .japanningtextwrap ul {
        width: 80%;
        left: 10%;
        margin: unset;
        padding: 40px 0 40px 0;
        min-width: unset; }
    .wedo .japanning .japanning-wrap {
      order: 2;
      width: 100%;
      left: 0;
      transform: none; }
      .wedo .japanning .japanning-wrap .owl-nav .owl-prev {
        left: 10%; }
      .wedo .japanning .japanning-wrap .owl-nav .owl-next {
        right: 10%; }
      .wedo .japanning .japanning-wrap .owl-carousel .item {
        width: 100%;
        height: auto; }
        .wedo .japanning .japanning-wrap .owl-carousel .item img {
          height: auto;
          width: 80%;
          margin-left: 10%; }
      .wedo .japanning .japanning-wrap .owl-dots {
        text-align: center;
        left: 0;
        width: 100%; }
  .wedo .urushi {
    width: 100%;
    flex-direction: column; }
    .wedo .urushi .urushitextwrap {
      width: 100%;
      text-align: left; }
      .wedo .urushi .urushitextwrap ul {
        width: 80%;
        margin-left: 10%;
        padding: 40px 0 40px 0;
        max-width: unset;
        text-align: left; }
    .wedo .urushi .urushi-wrap {
      margin-right: unset;
      width: 100%;
      transform: none;
      float: none;
      left: 0%;
      order: 2; }
      .wedo .urushi .urushi-wrap .owl-nav .owl-prev {
        left: 10%; }
      .wedo .urushi .urushi-wrap .owl-nav .owl-next {
        right: 10%; }
      .wedo .urushi .urushi-wrap .owl-carousel .item {
        width: 100%;
        height: auto; }
        .wedo .urushi .urushi-wrap .owl-carousel .item img {
          height: auto;
          width: 80%;
          margin-left: 10%; }
      .wedo .urushi .urushi-wrap .owl-dots {
        text-align: center;
        width: 100%;
        left: 0; }
  .wedo .hpaint {
    flex-direction: column; }
    .wedo .hpaint .hpainttextwrap {
      width: 100%; }
      .wedo .hpaint .hpainttextwrap ul {
        width: 80%;
        margin-left: 10%;
        padding: 40px 0 40px 0;
        max-width: unset; }
    .wedo .hpaint .hpaint-wrap {
      width: 100%;
      left: 0%;
      transform: none;
      order: 2; }
      .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev {
        left: 10%; }
      .wedo .hpaint .hpaint-wrap .owl-nav .owl-next {
        right: 10%; }
      .wedo .hpaint .hpaint-wrap .owl-carousel .item {
        width: 100%;
        height: auto; }
        .wedo .hpaint .hpaint-wrap .owl-carousel .item img {
          height: auto;
          width: 80%;
          margin-left: 10%; }
      .wedo .hpaint .hpaint-wrap .owl-dots {
        text-align: center;
        left: 0%;
        width: 100%; }
  .wedo .wealsodo {
    padding-top: 10%; }
    .wedo .wealsodo .wealsodotitle ul {
      width: 80%;
      text-align: center; }
    .wedo .wealsodo .services {
      width: 80%;
      margin: 0 auto;
      padding: 30px 0 30px 0;
      background-color: unset; }
      .wedo .wealsodo .services li {
        width: 100%;
        display: flex;
        padding: 0.3rem;
        margin: unset;
        background-color: unset;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 0; }
        .wedo .wealsodo .services li p {
          padding-right: 0rem;
          padding-left: 0.4rem;
          font-size: 1.2rem; }
        .wedo .wealsodo .services li p:last-child {
          padding-bottom: unset; }
        .wedo .wealsodo .services li img {
          display: none; }
        .wedo .wealsodo .services li .line {
          display: none; }

  .contact .footer {
    justify-content: center; }
    .contact .footer .socialfooter {
      display: none; }
    .contact .footer .navfooter {
      display: none; }
    .contact .footer .by {
      justify-content: center; }

  .waterhands {
    background-attachment: unset;
    background-position: unset; }
    .waterhands .quote {
      font-size: 3rem;
      line-height: 4.8rem; }

  .catalog .articlewraper .work {
    width: 50%;
    flex: 0 0 50%; }
    .catalog .articlewraper .work .cat_imgwraper {
      height: 25vw; }

  .catalogfooter .socialfooter {
    display: none; }
  .catalogfooter .navfooter {
    display: none; }
  .catalogfooter .by {
    width: 100%; }

  .workbody .workfooter .socialfooter {
    display: none; }
  .workbody .workfooter .navfooter {
    display: none; }
  .workbody .workfooter .by {
    width: 100%; }

  .archive-content .millenniumwraper .millennium-number, .archive-content .millenniumwraper .project-year {
    font-size: 5rem; }

  .archive_intro {
    padding: 200px 10%; } }
@media only screen and (max-width: 750px) {
  .poem {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.1rem; }

  .wedo .wealsodo {
    padding-top: 15%; }

  .contact .contact_wrap {
    padding-top: 25vh; }
    .contact .contact_wrap .address {
      font-size: 1.9rem;
      line-height: 2.5rem; }
    .contact .contact_wrap .location {
      font-size: 1.4rem; }
    .contact .contact_wrap .phonemailwrap {
      text-align: center;
      margin-top: 0.8rem; }
      .contact .contact_wrap .phonemailwrap .phonemail {
        width: 100%;
        font-size: 1.1rem;
        padding: unset;
        line-height: 2rem; }
      .contact .contact_wrap .phonemailwrap .horizline {
        display: none; }
    .contact .contact_wrap .brush {
      bottom: 85px; }

  .workbody .workintroduction li:last-child {
    display: block; }
  .workbody .workintroduction .workyear {
    width: unset; }
  .workbody .workintroduction .workdescription {
    padding-top: 25px; }
  .workbody .otherworks .work {
    width: 50%; }
    .workbody .otherworks .work:nth-child(n+4) {
      display: none; }
  .workbody .workfooter .socialfooter {
    display: none; }
  .workbody .workfooter .navfooter {
    display: none; }

  .archive_intro {
    padding: 100px 10%; }
    .archive_intro p {
      width: 100%; }
    .archive_intro span {
      font-size: 2.5rem;
      line-height: 3rem; }

  .press-list .press-article .article-content .article-tilte {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0.5rem; }

  .press-content {
    padding-bottom: 1rem; } }
@media only screen and (max-width: 690px) {
  .poem_wrap .poem {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.05rem; }
    .poem_wrap .poem :last-child {
      font-size: 0.55rem; }

  .contact .contact_wrap {
    top: 45%; }
  .contact .footer .by {
    width: 100%; }
  .contact .brush {
    bottom: 100px; }
    .contact .brush img {
      width: 140px; }

  .catalog .articlewraper .work {
    width: 100%;
    flex: 0 0 100%;
    padding: 45px 0 0 0; }
    .catalog .articlewraper .work .cat_imgwraper {
      height: auto; }
  .catalog .filters {
    justify-content: space-between;
    width: 80%;
    margin-left: 10%;
    margin-top: 95px; }
    .catalog .filters li {
      margin: 0 0 0 0; }
  .catalog .catalogarticles {
    padding: 130px 0 20vh 0; }

  .workbody .workdetails .workintroduction {
    padding-top: 15%; }
    .workbody .workdetails .workintroduction .worktitle {
      font-size: 4rem; }
  .workbody .workdetails .otherworks .work {
    width: 100%; }
    .workbody .workdetails .otherworks .work:nth-child(n+3) {
      display: none; }
  .workbody .workdetails .gobacklink {
    text-align: left; }

  .archive-content .archive-content-intro {
    margin-bottom: 5rem; }

  .archive-content .archive-content-intro figure {
    width: 100%;
    margin-bottom: 5rem; }

  .archive-content .archive-content-intro .archive_index {
    width: 100%;
    max-width: unset; }
    .archive-content .archive-content-intro .archive_index th, .archive-content .archive-content-intro .archive_index tr {
      text-align: center; }

  .archive-content .millenniumwraper {
    flex-direction: column; }

  .archive-content .millenniumwraper .millennium-content .year-content {
    flex-direction: column; }

  .archive-content .millenniumwraper .millennium-number {
    width: 51%;
    top: 0rem;
    background-color: black;
    height: auto;
    padding: 1rem 0; }

  .archive-content .millenniumwraper .millennium-content {
    width: 100%; }
    .archive-content .millenniumwraper .millennium-content .year-content .project-year {
      width: 50%;
      align-self: flex-end;
      top: 0rem;
      background-color: black;
      height: auto;
      padding: 1rem 0; }
    .archive-content .millenniumwraper .millennium-content .year-content .project-content {
      width: 100%; }

  .press-content .press-list .press-article .article-content {
    padding: 0 0 0 1.5rem; }

  .weare-press-article {
    padding: 2rem 0 2rem; }
    .weare-press-article h3, .weare-press-article .press-article, .weare-press-article .see-all {
      width: 100%; }
    .weare-press-article .see-all {
      text-align: right; } }
@media only screen and (max-width: 480px) {
  .home .logo {
    top: 18px; }
    .home .logo a picture img {
      width: 191px; }
  .home .slideshowwraper .slideshow video {
    display: none; }
  .home .slideshowwraper .slideshow .firstquote {
    top: 45%; }
    .home .slideshowwraper .slideshow .firstquote .secondrow {
      font-size: 3rem;
      line-height: 3rem; }
  .home .slideshowwraper .slideshow .verticallinewrap {
    bottom: 15%; }

  @keyframes pointermove {
    0% {
      top: -50%; }
    50% {
      top: 30%; }
    100% {
      top: -50%; } }
  .poem_wrap .poem {
    padding: 0 1rem 0 1rem;
    font-size: 1.1rem;
    line-height: 1.8rem;
    letter-spacing: 0; }
    .poem_wrap .poem ul :last-child {
      font-size: 0.5rem; }

  .video {
    overflow-x: hidden;
    display: flex;
    justify-content: center; }
    .video video {
      width: unset;
      height: 50vh; }

  .wedo .wedotitle {
    padding: 20% 0 20% 0; }
    .wedo .wedotitle ul {
      width: 40%; }
  .wedo .japanning .japanning-wrap .owl-nav .owl-next, .wedo .japanning .japanning-wrap .owl-nav .owl-prev {
    visibility: hidden; }
  .wedo .urushi .urushi-wrap .owl-nav .owl-next, .wedo .urushi .urushi-wrap .owl-nav .owl-prev {
    visibility: hidden; }
  .wedo .hpaint .hpaint-wrap .owl-nav .owl-next, .wedo .hpaint .hpaint-wrap .owl-nav .owl-prev {
    visibility: hidden; }
  .wedo .wealsodo {
    padding-top: 30%;
    padding-bottom: 100px; }

  .weare {
    padding-bottom: 50px; }
    .weare .wearetitle {
      padding: 20% 0 20% 0; }
      .weare .wearetitle ul {
        width: 50%; }
    .weare .wearetext .firstline {
      font-size: 1.6rem; }
    .weare .wearetext .firstblock {
      padding: 0px 0 100px 0; }
    .weare .wearetext .secondblock {
      padding: 100px 0 75px 0; }

  .waterhands {
    height: 100vh;
    overflow-x: hidden; }
    .waterhands .quote {
      font-size: 1.9rem;
      line-height: 2.5rem;
      text-align: center; }

  .contact contact_wrap .contacttitle {
    margin-top: 0px; }
  .contact contact_wrap ul .location {
    font-size: 1.1rem; }
  .contact contact_wrap ul .phonemailwrap {
    margin-top: 1rem;
    font-size: 1.1rem; }
    .contact contact_wrap ul .phonemailwrap .phonemail {
      line-height: 2rem; }
  .contact contact_wrap .brush {
    bottom: 55px; }
    .contact contact_wrap .brush img {
      width: 100px; }

  .workbody .workdetails .workintroduction .worktitle {
    font-size: 3.5rem;
    line-height: 3.5rem; }
  .workbody .carouselpage .work_img_carousel-wrap .owl-nav {
    visibility: hidden; }

  .archive_intro span {
    font-size: 2rem;
    line-height: 2.6rem; }

  .archive-content .millenniumwraper .millennium-number {
    font-size: 4rem; }

  .archive-content .millenniumwraper .millennium-content .year-content .project-year {
    font-size: 4rem; }

  .archive-content .millenniumwraper .millennium-content .year-content .project-content .title {
    font-size: 1.6rem;
    line-height: 2.2rem; }

  .archive_intro p {
    width: 100%;
    padding-top: 2rem; } }
@media only screen and (max-width: 400px) {
  .weare .wearetitle {
    font-size: 4rem; }

  .wedo .wedotitle {
    font-size: 4rem; }
  .wedo .wealsodo .wealsodotitle {
    font-size: 4rem; }

  .workbody .workdetails .workintroduction .worktitle {
    font-size: 3rem;
    line-height: 3rem; }
  .workbody .workdetails .workintroduction .workdescription {
    font-size: 1.1rem;
    line-height: 1.54rem; } }
@media only screen and (max-width: 330px) {
  .poem_wrap .poem {
    padding: 0 2rem 0 2rem; }

  .contact .brush {
    visibility: hidden; }

  .workbody .workdetails .workintroduction .worktitle {
    font-size: 2.6rem;
    line-height: 2.6rem; }
  .workbody .workdetails .workintroduction li:last-child {
    padding: 20px 0 100px 0; } }

/*# sourceMappingURL=ls_style.css.map */