/**
 * Minified by jsDelivr using clean-css v4.1.11.
 * Original file: /npm/modern-normalize@0.5.0/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, ::after, ::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

body {
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; }

hr {
  height: 0; }

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, pre, samp {
  font-family: SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

/*# sourceMappingURL=/sm/6d3bd28f82623617090109f6714e5fbdc6081ce0547a646d1a87ce8a39d126ef.map */
@font-face {
  font-family: "gill-sans";
  src: url("../assets/fonts/Gill-Sans/GillSans.otf"); }

@font-face {
  font-family: "luxia";
  src: url("../assets/fonts/Luxia/Luxia-Display.ttf"); }

p {
  font-family: gill-sans;
  font-size: 100%;
  color: #898989; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'luxia';
  font-size: 100%;
  color: #898989; }

h3 span {
  border-bottom: 2px solid white;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-color: #c1c185; }

a {
  font-family: gill-sans;
  font-size: 100%;
  color: #898989; }

.top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.bottom-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.logo-top {
  width: 150px;
  margin-top: 10px; }

header {
  /* padding-bottom: 20px; */
  z-index: 8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  /* box-shadow: 0px 2px 14px 0px rgba(51,51,51,1); */ }

.container {
  max-width: 1200px;
  margin: 0 auto; }

.main {
  margin-top: 133px; }

.block {
  padding: 30px 0px; }

h1, h2 {
  font-size: 20px;
  margin: 0px 0 20px; }

.top-header h1 {
  margin-top: 20px; }

.bottom-header li {
  border-bottom: 2px solid white;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.bottom-header li:hover {
  border-color: #c1c185; }

.bottom-header .active {
  border-color: #c1c185; }

.bottom-header img {
  margin-bottom: 20px; }

.contact-icons {
  margin-top: 15px; }

.contact-icons-top {
  position: absolute; }

.contact-icons a:nth-child(-n+3) {
  margin-right: 25px; }

form button {
  background-color: white;
  color: #898989;
  border: 1px solid #898989;
  font-family: gill-sans;
  padding: 7px;
  padding-top: 9px; }

form textarea, form input {
  font-family: gill-sans; }

.fas, .fab {
  font-size: 22px;
  color: #898989;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.fas:hover {
  color: #c1c185; }

.fab:hover {
  color: #c1c185; }

.temp-logo {
  width: 168px;
  height: 30px;
  border: 1px solid black; }

.temp-logo p {
  margin: 0;
  text-align: center; }

nav {
  width: 60%; }

ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px; }

li {
  list-style: none; }

li a {
  text-decoration: none; }

/* BLOCKS */
.banner {
  /* border-top: 1px solid #898989; */
  /* border-bottom: 1px solid #898989; */
  height: 350px;
  width: 100%;
  background-image: url("../assets/images/kitchenHero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: lightgrey;
  margin-bottom: 30px; }

.banner-index {
  background-image: url("../assets/images/kitchenHero.jpg");
  background-position: center; }

.banner-about {
  background-image: url("../assets/images/jennifer.jpg");
  background-position: 0px -10vw; }

.banner-services {
  background-image: url("../assets/projects/patioTable.jpg");
  background-position: 0px -63vw; }

.banner-press {
  background-image: url("../assets/projects/KitchenOverall.jpg"); }

.banner-contact {
  background-image: url("../assets/projects/bedroomFlowerTwo.jpg"); }

.about-image-left, .about-image-right {
  background-size: cover;
  background-position: center; }

.about-image-left {
  background-image: url("../assets/images/patio.jpg"); }

.about-image-right {
  background-image: url("../assets/images/kitchenHero.jpg"); }

.banner-work {
  background-image: url("../assets/projects/bedroomHero.jpg");
  background-position: 0 -12vw; }

/* 3 col block */
.project-images, .block-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.project-images div {
  background-position: center;
  background-size: cover;
  width: 32%;
  min-height: 300px;
  cursor: pointer; }

.project-images div:first-child {
  background-image: url("../assets/projects/KitchenOverall.jpg"); }

.project-images div:nth-child(2) {
  background-image: url("../assets/projects/patioTable.jpg"); }

.project-images div:last-child {
  background-image: url("../assets/images/bedroom.jpg"); }

.three-image-block__image {
  min-height: 300px;
  width: 32%; }

/* 3 col block with header */
.three-image-block--heading {
  padding: 30px 0 100px; }

.block-images__block {
  min-height: 300px;
  width: 48%; }

.block-images__image {
  width: 100%;
  height: 100%; }

.block-images__link {
  color: #898989;
  font-size: 22px;
  margin-top: 20px;
  display: block;
  text-align: center; }

/* full width text block */
.full-width-text-block {
  max-width: 800px;
  margin: 0 auto; }

/* 2 image block */
.two-image-block {
  max-width: 800px;
  margin: 0 auto; }

.two-image-block .block-images__block:first-child {
  width: 40%; }

.two-image-block .block-images__block:last-child {
  width: 58%; }

/* 4 col block */
.four-image-block-top, .four-image-block-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.four-image-block__image {
  min-height: 20vw;
  width: 20vw;
  background-size: cover;
  background-position: center; }

.four-image-block img {
  max-width: 100%; }

.four-image-block-top div:nth-child(1) {
  background-image: url("../assets/images/kitchenHero.jpg"); }

.four-image-block-top div:nth-child(2) {
  background-image: url("../assets/Work/bathroomSink.jpg"); }

.four-image-block-top div:nth-child(3) {
  background-image: url("../assets/projects/patioChairs.jpg"); }

.four-image-block-top div:nth-child(4) {
  background-image: url("../assets/projects/patioTable.jpg"); }

.four-image-block-bottom div:nth-child(1) {
  background-image: url("../assets/Work/frontFlowerBed.jpg"); }

.four-image-block-bottom div:nth-child(2) {
  background-image: url("../assets/Work/swatches.jpg"); }

.four-image-block-bottom div:nth-child(3) {
  background-image: url("../assets/Work/flowerPots.jpg"); }

.four-image-block-bottom div:nth-child(4) {
  background-image: url("../assets/Work/table.jpg"); }

.service-images div:nth-child(1) {
  background-image: url("../assets/images/kitchenHero.jpg"); }

.service-images div:nth-child(2) {
  background-image: url("../assets/images/chair.jpg"); }

.service-images div:nth-child(3) {
  background-image: url("../assets/images/bedroom.jpg"); }

/* contact block */
.contact-block input, .contact-block textarea {
  border: none;
  border: 1px solid lightgrey;
  width: 100%;
  margin: 10px 0;
  padding: 10px; }

.contact-block .submit-button {
  background: black;
  color: white;
  display: inline-block;
  width: 100px; }

.contact-block label {
  border: 1px solid lightgrey; }

.contact-image {
  background-image: url("../assets/projects/KitchenOverall.jpg");
  background-size: cover;
  background-position: center; }

/* press */
.press-image-hh {
  background-image: url("../assets/projects/gardenPatio.jpg");
  background-position: center;
  background-size: cover; }

.press-image-sh {
  background-image: url("../assets/images/kitchenHero.jpg");
  background-position: center;
  background-size: cover; }

/* FOOTER */
footer {
  margin-top: 30px; }

.bottom-footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #898989; }
  .bottom-footer-contact h3 {
    font-size: 17px; }
  .bottom-footer-contact a {
    text-decoration: none; }
  .bottom-footer-contact a h3 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .bottom-footer-contact a h3:hover {
      color: #c1c185; }

.contact-icons-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px; }

.feather {
  height: 21px;
  width: 39px; }

/* ^^^ original widths / heights: 769 X 415 */
/* MEDIA QUERIES */
@media (max-width: 1280px) {
  .container {
    margin: 0 40px; } }

@media (max-width: 767px) {
  nav {
    width: 80%; } }

.nav--mobile {
  display: none; }

@media (max-width: 640px) {
  .logo-top, .nav--display, .contact-icons--display, .project-images {
    display: none; }
  .main {
    margin-top: 50px; }
  header {
    height: 50px;
    border-bottom: 2px solid #c1c185; }
  .contact-icons--mobile {
    display: block;
    text-align: center;
    width: 100%; }
  .nav--mobile {
    display: block; }
    .nav--mobile__menu {
      display: none;
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background: white; }
    .nav--mobile ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      padding-left: 0; }
      .nav--mobile ul li {
        padding: 10px 0; }
    .nav--mobile__logo {
      text-decoration: none;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      top: 17px;
      left: 20px; }
      .nav--mobile__logo h3 {
        margin: 0; }
  .banner {
    height: 310px; }
  .banner-about {
    background-position: center; }
  .four-image-block-top {
    padding: 15px 0px; }
  .bottom-footer-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .project-images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .project-images .three-image-block__image {
      width: 100%;
      margin-bottom: 15px; } }

@media (max-width: 540px) {
  .service-images, .block-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .about-image-left {
    height: 150px;
    width: 100%; }
  .about-image-right {
    height: 150px;
    width: 100%; }
  .block-images__block {
    min-height: 100px;
    width: 100%; }
  .two-image-block .block-images__block:first-child {
    width: 100%;
    margin-bottom: 15px; }
  .two-image-block .block-images__block:last-child {
    width: 100%; }
  .two-image-block {
    padding: 0px; }
  .four-image-block-top, .four-image-block-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px; }
  .four-image-block__image {
    width: 100%;
    min-height: 300px;
    margin-bottom: 15px; }
  .press-image-hh {
    width: 100%;
    height: 300px; }
  .press-image-sh {
    width: 100%;
    height: 300px; }
  .three-image-block--heading {
    padding: 30px 0px 0px; }
  .banner-work {
    background-position: center; } }

/* // *******************
// HAMBURGER ANIMATION
// *******************

//HAMBURGER */
.hamburger {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: none;
  z-index: 5;
  margin-bottom: -3px;
  position: fixed;
  right: 24px;
  top: 16px; }
  @media (max-width: 640px) {
    .hamburger {
      display: block;
      margin-left: 0px;
      right: 24px; } }
  .hamburger-icon {
    width: 30px;
    height: 23px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: none; }
    @media (max-width: 640px) {
      .hamburger-icon {
        display: block; } }
    .hamburger-icon__bar {
      display: block;
      position: absolute;
      height: 2px;
      width: 30px;
      background: #c1c185;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      .hamburger-icon__bar:nth-child(1) {
        top: 0px; }
      .hamburger-icon__bar:nth-child(2), .hamburger-icon__bar:nth-child(3) {
        top: 8px; }
      .hamburger-icon__bar:nth-child(4) {
        top: 16px; }
    .hamburger-icon--open .hamburger-icon__bar:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .hamburger-icon--open .hamburger-icon__bar:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .hamburger-icon--open .hamburger-icon__bar:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .hamburger-icon--open .hamburger-icon__bar:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }

.closer {
  position: fixed;
  right: 20px;
  top: 20px; }
  .closer-icon {
    width: 30px;
    height: 23px;
    position: relative;
    cursor: pointer; }
    .closer-icon__bar {
      display: block;
      position: absolute;
      height: 2px;
      width: 30px;
      background: #c1c185;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      .closer-icon__bar:nth-child(1) {
        top: 0px; }
      .closer-icon__bar:nth-child(2), .closer-icon__bar:nth-child(3) {
        top: 8px; }
      .closer-icon__bar:nth-child(4) {
        top: 16px; }
    .closer-icon--open .closer-icon__bar:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .closer-icon--open .closer-icon__bar:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .closer-icon--open .closer-icon__bar:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .closer-icon--open .closer-icon__bar:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }

.modal {
  position: fixed;
  z-index: 9;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 60px;
  display: none; }
  .modal .swipers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 100%; }

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px; }

.swiper-slide {
  background-size: cover;
  background-position: center; }

.swiper-button-next:after {
  color: #c1c185; }

.swiper-button-prev:after {
  color: #c1c185; }

.gallery-top {
  width: 70%;
  height: 100%; }

.gallery-thumbs {
  height: 100%;
  width: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  margin-right: 10px !important; }

.gallery-thumbs .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0.4; }

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1; }

.project-images--swipers {
  display: none; }
  @media (max-width: 640px) {
    .project-images--swipers {
      display: block; } }

.mobile-slider {
  display: none; }
  @media (max-width: 640px) {
    .mobile-slider {
      display: block; } }