/**
*
* Theme Name: Frobisher
* Theme URI: http://frobisher.co.nz
* Author: Mark @ Slipstream Creative
* Author URI: http://slipstream.co.nz
* Description: Custom design for the Frobisher website and online store
* Version: 1.0
*
**/
.woocommerce .term-description {
  padding-top: 50px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #695e4a;
  color: #fff;
  border: 1px solid #695e4a;
  transition: background-color 0.5s;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #fff;
  color: #695e4a;
}
.woocommerce select.product-categories-mobile {
  border: 1px solid #69614E;
  border-radius: 0;
  height: 44px;
  max-width: 400px;
  width: 90%;
  font-size: 18px;
}
.woocommerce form label {
  font-size: 15px;
}
.woocommerce.woocommerce-page .col2-set .col-1,
.woocommerce.woocommerce-page .col2-set .col-2 {
  float: none;
  width: 100%;
}
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
  float: none;
  width: 100%;
}
.woocommerce nav.woocommerce-breadcrumb {
  margin: -26px 0 72px;
  padding-left: 10px;
}
.woocommerce #show-more {
  padding: 12px 34px;
  border: 1px solid #695e4a;
  border-radius: 0;
  margin: 46px 0 100px;
  text-transform: uppercase;
  font-size: 18px;
}
.woocommerce .woocommerce-message {
  border-top-color: #908776;
}
.woocommerce .product-list .product {
  padding: 0;
  height: 496px;
  position: relative;
  overflow: hidden;
  border: 4px solid #fff;
}
.woocommerce .product-list .product span.from-label {
  display: block;
  text-align: left;
  line-height: 26px;
  margin-bottom: -19px;
  font-size: 11px;
}
.woocommerce .product-list .product .product-photo {
  display: block;
  background-size: cover;
  height: 100%;
  width: 100%;
  text-indent: -9000px;
  border-style: solid;
  border-width: 30px;
  border-color: #dad7d2;
}
.woocommerce .product-list .product .product-details {
  line-height: 38px;
  position: absolute;
  background-color: #695e4a;
  bottom: 0;
  width: 100%;
  opacity: 0;
  height: 38px;
}
.woocommerce .product-list .product .product-details i,
.woocommerce .product-list .product .product-details a {
  color: #fff;
}
.woocommerce .product-list .product .product-details .product-links {
  position: absolute;
  bottom: -100%;
}
.woocommerce .product-list .product .product-details .price {
  background-color: #ffffff;
  line-height: 38px;
  height: 38px;
  right: 100%;
  position: absolute;
}
.woocommerce .product-list .product > .price {
  position: absolute;
  right: 0;
  opacity: 1;
  bottom: 0;
  text-align: center;
  margin: 0px;
  background: #fff;
  width: auto;
  line-height: 38px;
  padding: 0 8%;
  z-index: 100;
  transition: opacity 0.3s, bottom 0.5s ease-in-out;
}
.woocommerce .product-list .product > .price .on-wishlist {
  position: absolute;
  left: -40px;
  opacity: 1;
  text-align: center;
  margin: 0;
  width: auto;
  line-height: 38px;
  padding: 0 8%;
  z-index: 100;
  transition: opacity 0.3s, bottom 0.5s ease-in-out;
}
.woocommerce .product-list .product:hover {
  background-color: #fff;
}
.woocommerce .product-list .product:hover .product-photo {
  opacity: 0.6;
  transition: opacity .3s;
}
.woocommerce .product-list .product:hover .product-details {
  opacity: 1;
  bottom: 0;
  transition: opacity .2s;
}
.woocommerce .product-list .product:hover .product-details .product-links {
  bottom: 0;
  transition: bottom 0.3s 0.4s ease-in-out;
}
.woocommerce .product-list .product:hover .product-details .price {
  text-align: center;
  transition: right 0.4s 0.2s ease-in-out;
  right: 0;
}
.woocommerce .product-list .product:hover > .price {
  opacity: 0.6;
  bottom: -100px;
  transition: opacity .3s, bottom 1s;
}
.woocommerce .product-list .shop-block-3 .col-sm-6 {
  height: 368px;
}
.woocommerce .product-list .shop-block-2 .col-sm-4 {
  padding: 0;
}
.woocommerce .product-list .shop-block-2 .col-sm-4 .col-sm-12 {
  height: 248px;
}
.woocommerce .product-list .shop-block-1 .col-sm-4 {
  height: 248px;
}
.woocommerce .product-categories {
  text-align: center;
  position: relative;
  min-height: 91px;
  margin-top: 100px;
  overflow: hidden;
}
.woocommerce .product-categories ul {
  border-bottom: 2px solid #695e4a;
  display: inline-block;
}
.woocommerce .product-categories ul li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 6px;
  background: #fff;
}
.woocommerce .product-categories ul li.selected-category a {
  font-family: 'gotham_boldregular';
}
.woocommerce .product-categories ul li.selected-category ul li a {
  font-family: 'gotham_lightregular';
}
.woocommerce .product-categories ul li a {
  font-size: 16px;
  padding: 0 6px 0;
  position: relative;
  z-index: 20;
}
.woocommerce .product-categories ul li a.selected {
  font-family: 'gotham_boldregular';
}
.woocommerce .product-categories ul li a:hover {
  opacity: 0.5;
}
.woocommerce .product-categories ul li.selected-category ul {
  display: block;
  z-index: 10;
  text-align: center;
  opacity: 1;
}
.woocommerce .product-categories ul li ul {
  left: 0;
  right: 0;
  border: none;
  position: absolute;
  opacity: 0;
  top: 38px;
  transition: opacity 0.2s ease-in-out;
}
.woocommerce .product-categories ul li ul li {
  background: transparent;
}
.woocommerce .product-detail.container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.woocommerce .product-detail .product .product-images {
  text-align: center;
  width: 100%;
  height: 100%;
}
.woocommerce .product-detail .product .product-images .woocommerce-main-image {
  display: block;
}
.woocommerce .product-detail .product .product-images .thumbnails {
  display: none;
}
.woocommerce .product-detail .product h1.product-title {
  text-transform: uppercase;
  padding: 0 0 9px;
  font-size: 26px;
  margin-bottom: 27px;
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 40px;
}
.woocommerce .product-detail .product h1.product-title span {
  border-bottom: 2px solid #695e4a;
  box-shadow: 0 1px 0 #9e9483;
  padding-bottom: 3px;
}
.woocommerce .product-detail .product .product-info {
  background: #f2eee7;
  line-height: 50px;
  height: 50px;
  padding: 0 12px;
  margin-bottom: 53px;
}
.woocommerce .product-detail .product .product-info a,
.woocommerce .product-detail .product .product-info p {
  color: #695e4a;
  font-family: 'gotham_bookregular';
}
.woocommerce .product-detail .product .product-info a {
  font-size: 11px;
  text-transform: uppercase;
  margin-right: 24px;
  position: relative;
  line-height: 50px;
  float: left;
}
.woocommerce .product-detail .product .product-info a i.fa {
  font-size: 22px;
  top: 3px;
  position: relative;
  padding-right: 5px;
}
.woocommerce .product-detail .product .product-info a span.slide-up-hover {
  background: rgba(255, 255, 255, 0.4);
  background: rgba(160, 121, 74, 0.22);
  transition: height 0.3s ease-in-out;
  display: block;
  height: 0;
  width: 125%;
  top: 0;
  left: -12.5%;
  position: absolute;
  cursor: pointer;
}
.woocommerce .product-detail .product .product-info a:hover .slide-up-hover {
  height: 50px;
}
.woocommerce .product-detail .product .product-info p.price {
  font-size: 16px;
  color: #695e4a;
  margin: 0;
  line-height: 50px;
}
.woocommerce .product-detail .product .summary {
  max-width: 960px;
  width: 100%;
  margin-bottom: 94px;
  padding: 10px;
}
.woocommerce .product-detail .product .summary span.sku_wrapper,
.woocommerce .product-detail .product .summary span.posted_in,
.woocommerce .product-detail .product .summary span.tagged_as {
  font-size: 16px;
  font-family: 'gotham_bookregular';
  display: block;
  margin: 6px 0;
}
.woocommerce .product-detail .product .summary p {
  text-align: left;
  font-family: 'gotham_bookregular';
  margin-bottom: 18px;
}
.woocommerce .product-detail .product .summary strong {
  font-size: 18px;
}
.woocommerce .product-detail .product .summary .stock {
  display: none;
}
.woocommerce .product-detail .product .summary .product-actions {
  clear: both;
  margin-bottom: 54px;
}
.woocommerce .product-detail .product .summary .back-to-shop {
  display: inline-block;
  padding: 9px;
  border: 1px solid #695e4a;
  font-size: 18px;
  font-family: 'gotham_bookregular';
}
@media screen and (max-width: 468px) {
  .woocommerce .product-detail .product .summary .back-to-shop {
    width: 100%;
    text-align: center;
  }
}
.woocommerce .product-detail .product .summary .cart {
  float: right;
}
.woocommerce .product-detail .product .summary .cart .quantity .qty {
  width: 44px;
  text-align: right;
  height: 44px;
  border: 1px solid #695e4a;
  font-size: 20px;
  padding: 0 3px 0 0;
}
.woocommerce .product-detail .product .summary .cart .quantity:before {
  content: 'QUANTITY ';
}
.woocommerce .product-detail .product .summary .cart .single_add_to_cart_button {
  background: transparent;
  color: #695E4A;
  border: 1px solid #695e4a;
  border-radius: 0;
  text-transform: uppercase;
  padding: 12px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .woocommerce .product-detail .product .summary .cart .single_add_to_cart_button {
    padding: 12px 6px;
  }
}
.woocommerce .related-products-wrapper {
  clear: both;
  width: 100%;
  background-color: #f2eee7;
  padding: 24px;
  min-height: 380px;
}
.woocommerce .related-products-wrapper .products.related {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
.woocommerce .related-products-wrapper .products.related h2 {
  text-transform: uppercase;
  margin: 30px 0 12px;
  padding-bottom: 4px;
  display: block;
  text-align: center;
}
.woocommerce .related-products-wrapper .products.related h2 span {
  border-bottom: 2px solid #695e4a;
  box-shadow: 0 1px 0 #9e9483;
}
.woocommerce .related-products-wrapper .products.related ul.products li {
  display: flex;
  align-items: center;
  float: left;
  margin: 42px auto;
}
@media screen and (max-width: 768px) {
  .woocommerce .related-products-wrapper .products.related ul.products li {
    display: inherit;
    align-items: unset;
  }
}
.woocommerce .related-products-wrapper .products.related ul.products li h4 {
  border-bottom: 2px solid #695e4a;
  text-transform: uppercase;
  margin-right: 30px;
}
.woocommerce .related-products-wrapper .products.related ul.products li img {
  max-width: 165px;
  max-height: 165px;
  height: auto;
  margin-right: 24px;
}
@media screen and (max-width: 768px) {
  .woocommerce .related-products-wrapper .products.related ul.products li img {
    max-height: none;
    max-width: none;
    width: 100%;
  }
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  margin: 0 auto 2em !important;
  max-width: 960px;
}
.woocommerce .woocommerce-variation-price {
  display: none;
}
.woocommerce .woocommerce-thankyou-order-details {
  padding-top: 30px;
}
.shop_table {
  border-radius: 0 !important;
  border-right: none !important;
  border-left: none !important;
}
input[type="text"],
input[type="number"] {
  border: 1px solid #695e4a !important;
  background: transparent !important;
}
.woocommerce-cart section.page-master-content {
  max-width: 960px;
}
.woocommerce-cart section.page-master-content #coupon_code {
  width: 110px;
}
.woocommerce-checkout form {
  max-width: 960px;
  margin: 0 auto;
}
.variation p {
  font-size: 15px;
  margin: 0;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
  padding: 10px;
}
.input-text {
  border: 1px solid #695e4a;
  background: transparent;
  padding: 6px;
}
.woocommerce-order-received .woocommerce {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce-order-received h3.page-heading {
  margin-bottom: 35px;
}
.variation-pa_size {
  margin-top: -5px;
}
.woocommerce-thankyou-order-details {
  padding-left: 10px;
}
.woocommerce .login {
  margin: 0 auto 2em!important;
}
.woocommerce .related-products .product {
  height: 250px;
  padding: 0;
  position: relative;
  overflow: hidden;
  border: 4px solid #fff;
  background: #fff;
}
.woocommerce .related-products .product .product-photo {
  display: block;
  background-size: cover;
  height: 100%;
  width: 100%;
  text-indent: -9000px;
  border-style: solid;
  border-width: 30px;
  border-color: #dad7d2;
}
.woocommerce .related-products .product .product-details {
  line-height: 38px;
  position: absolute;
  background-color: #695e4a;
  bottom: 0;
  width: 100%;
  opacity: 0;
  height: 38px;
}
.woocommerce .related-products .product:hover .product-details {
  opacity: 1;
  bottom: 0;
  transition: opacity .2s;
}
.woocommerce .related-products .product .product-details .product-links {
  position: absolute;
  bottom: -100%;
}
.woocommerce .col-xs-3 {
  width: 25%;
}
.woocommerce .related-products .product > .price {
  position: absolute;
  right: 0;
  opacity: 1;
  bottom: 0;
  text-align: center;
  margin: 0;
  background: #fff;
  width: auto;
  line-height: 38px;
  padding: 0 8%;
  z-index: 100;
  transition: opacity 0.3s, bottom 0.5s ease-in-out;
}
.woocommerce .related-products .product:hover > .price {
  opacity: .6;
  bottom: -100px;
  transition: opacity .3s,bottom 1s;
}
.woocommerce .related-products .product:hover .product-details .product-links {
  bottom: 0;
  transition: bottom 0.3s 0.4s ease-in-out;
}
.woocommerce .related-products .product-details .product-links a {
  display: block;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.woocommerce .related-products .product-details .product-links a:hover {
  text-decoration: none;
}
.woocommerce .related-products .product:hover .product-details .price {
  text-align: center;
  transition: right 0.4s 0.2s ease-in-out;
  right: 0;
}
.woocommerce .related-products .product .product-details .price {
  background-color: #fff;
  line-height: 38px;
  height: 38px;
  right: 100%;
  position: absolute;
}
.woocommerce .col-xs-3 {
  width: 25%;
}
.woocommerce span.onsale {
  text-transform: uppercase;
  min-height: 0;
  min-width: 210px;
  padding: 10px 0px;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: unset;
  top: unset;
  left: unset;
  bottom: 3em;
  right: 0em;
  margin: 0;
  border-radius: 0px;
  background-color: #695e4a;
  color: #fff;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 768px) {
  .woocommerce span.onsale {
    display: none;
  }
}
.summary.entry-summary .product-actions .variations .value {
  padding-left: 20px;
}
.summary.entry-summary .product-actions .variations .value select {
  height: 30px;
  margin-top: 5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .summary.entry-summary .product-actions .variations .value select {
    border: solid 1px;
  }
}
@font-face {
  font-family: 'gotham_bookregular';
  src: url('fonts/gotham-book-webfont.eot');
  src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-book-webfont.woff2') format('woff2'), url('fonts/gotham-book-webfont.woff') format('woff'), url('fonts/gotham-book-webfont.ttf') format('truetype'), url('fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_boldregular';
  src: url('fonts/gotham-bold-webfont.eot');
  src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bold-webfont.woff2') format('woff2'), url('fonts/gotham-bold-webfont.woff') format('woff'), url('fonts/gotham-bold-webfont.ttf') format('truetype'), url('fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'angelinaregular';
  src: url('fonts/angelina_2-webfont.eot');
  src: url('fonts/angelina_2-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/angelina_2-webfont.woff2') format('woff2'), url('fonts/angelina_2-webfont.woff') format('woff'), url('fonts/angelina_2-webfont.ttf') format('truetype'), url('fonts/angelina_2-webfont.svg#angelinaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_lightregular';
  src: url('fonts/gotham-light-webfont.eot');
  src: url('fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-light-webfont.woff2') format('woff2'), url('fonts/gotham-light-webfont.woff') format('woff'), url('fonts/gotham-light-webfont.ttf') format('truetype'), url('fonts/gotham-light-webfont.svg#gotham_lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body,
section,
a,
a:hover,
div,
a:active,
a:focus,
p,
h1,
h2,
h3,
h4,
h5,
img,
button,
ul,
ul li,
li {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  color: #695e4a;
  transition: none;
  font-family: 'gotham_lightregular';
}
.error404 .container {
  min-height: 500px;
}
a {
  cursor: pointer;
}
html {
  width: 100%;
  background-color: #695e4a;
}
#homepageCarousel {
  height: 66%;
}
#homepageCarousel .carousel-indicators {
  left: auto;
  right: 20px;
  width: 100px;
}
@media (max-width: 728px) {
  #homepageCarousel {
    height: 55%;
  }
}
#homepageCarousel .carousel-inner {
  height: 100%;
}
#homepageCarousel .item {
  height: 100%;
}
#homepageCarousel .carousel-control {
  width: 5%;
}
@media (max-width: 768px) {
  #homepageCarousel .call-to-action {
    padding: 7px 10px;
    font-size: 10px;
  }
}
#homepageCarousel .triangle-left {
  -webkit-clip-path: polygon(0% 0%, 70% 0, 100% 50%, 70% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 70% 0, 100% 50%, 70% 100%, 0% 100%);
  height: 101%;
  width: 43%;
  position: absolute;
  z-index: 1;
  background: #fff;
}
@media (max-width: 728px) {
  #homepageCarousel .triangle-left {
    width: 60%;
  }
}
@media (max-width: 480px) {
  #homepageCarousel .triangle-left {
    width: 74%;
  }
}
#homepageCarousel .triangle-right {
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  position: absolute;
  z-index: 1;
  background: #fff;
  right: 0;
  width: 25%;
  height: 100%;
  opacity: 0.2;
}
@media (max-width: 728px) {
  #homepageCarousel .triangle-right {
    display: none;
  }
}
#homepageCarousel .text {
  position: absolute;
  z-index: 10;
  top: 28%;
  left: 4%;
  width: 400px;
}
@media (max-width: 480px) {
  #homepageCarousel .text {
    top: 23%;
  }
}
#homepageCarousel .text .intro {
  text-align: left;
  font-family: 'Dancing Script', cursive;
  font-size: 50px;
  transition: all .4s;
}
@media (max-width: 992px) {
  #homepageCarousel .text .intro {
    font-size: 40px;
  }
}
@media (max-width: 728px) {
  #homepageCarousel .text .intro {
    font-size: 23px;
  }
}
#homepageCarousel .text h2 {
  text-align: left;
  font-size: 90px;
  text-transform: uppercase;
  font-family: 'gotham_boldregular';
  line-height: 0.6;
  transition: all .4s;
}
@media (max-width: 1470px) {
  #homepageCarousel .text h2 {
    font-size: 80px;
  }
}
@media (max-width: 1320px) {
  #homepageCarousel .text h2 {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  #homepageCarousel .text h2 {
    font-size: 40px;
  }
}
#homepageCarousel .text h3 {
  text-align: left;
  margin-top: 15px;
  transition: all .4s;
  margin-bottom: 5px;
}
@media (max-width: 728px) {
  #homepageCarousel .text h3 {
    font-size: 14px;
  }
}
#homepageCarousel .carousel-control.left {
  background-image: none;
}
#homepageCarousel .carousel-control.right {
  background-image: none;
}
body {
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #fff;
  transition: 1s all;
  /** Page Template Specific **/
}
body.home.page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.fade-out {
  opacity: 0;
  transition: none;
}
body h3 {
  text-transform: uppercase;
  padding: 0 0 9px;
  font-size: 26px;
  margin-bottom: 27px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  body h3 {
    border-bottom: none;
    box-shadow: none;
  }
}
body p {
  font-size: 16px;
  margin: 6px 0 2px;
  text-align: center;
  line-height: 20px;
}
body strong {
  font-size: 16px;
  font-family: 'gotham_boldregular';
}
body section p a {
  text-decoration: underline;
}
body .call-to-action {
  border: 1px solid #695e4a;
  padding: 7px 25px;
  font-size: 15px;
  margin-top: 25px;
  transition: all .4s;
  -webkit-align-self: center;
  align-self: center;
  text-transform: uppercase;
  text-decoration: none;
}
body .call-to-action:hover {
  background: #695e4a;
  color: #fff;
  border-color: #f2eee7;
}
body .content-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
}
body .copyright {
  font-size: 12px;
  margin: 30px 0 2px;
  text-align: center;
  line-height: 20px;
}
body .invert-color h3 {
  color: #695e4a;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 12px 0 16px;
}
body .invert-color h3 hr {
  width: 90%;
  border: 1px solid;
  margin: 11px auto 0;
}
body .invert-color p {
  color: #f2eee7;
  margin: 0;
  padding: 21px 26px 31px;
}
body .invert-color .call-to-action {
  border-color: #f2eee7;
  color: #f2eee7;
  background-color: transparent;
}
body .invert-color .call-to-action:hover {
  border-color: #695e4a;
  background-color: #695e4a;
}
body .event-date {
  font-size: 45px;
  margin-top: -125px;
  z-index: 100;
  position: relative;
  padding-bottom: 85px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
}
body hr {
  border-top: 2px solid #695e4a;
}
body .event-date span,
body .date span {
  font-family: 'gotham_boldregular';
}
body .quotes-icon {
  fill: #695e4a;
  width: 129px;
  height: 145px;
  margin: 0 auto;
}
body .additional-testimonials {
  display: none;
}
body .view-testimonial-button {
  display: none;
  background: #695e4a;
  border: none;
  color: #fff;
}
body .view-testimonial-button:hover {
  background: transparent;
  border: 1px solid #fff;
}
body .testimonial .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
body .testimonial .testimonials-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 100%;
  padding: 10px;
}
body .testimonial.view-testimonial-image .overlay,
body .testimonial.view-testimonial-image ul.testimonials {
  opacity: 0;
  transition: opacity .8s;
}
body .hover-button-action-wrapper {
  display: inline-block;
  position: relative;
}
body .hover-button-action {
  border: 1px solid #695E4A;
  padding: 7px 24px;
  font-size: 18px;
  margin-top: 25px;
  transition: all .4s;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  width: 100%;
  transition: all .5s;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #695E4A;
}
body .hover-button-action::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 140%;
  opacity: 0;
  background-color: #695e4a;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
}
body .hover-button-action:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
body .hover-button-action:hover {
  color: #fff;
}
body .hover-button-action span {
  position: relative;
  z-index: 1;
}
body h3.page-heading {
  display: inline-block;
  height: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 988px) {
  body h3.page-heading {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
body.page-interior-design .hide-on-master {
  display: none;
}
body.page-interior-design section.testimonial {
  background-size: 100%;
  max-height: 715px;
  padding: 125px 0 110px;
  position: relative;
}
body.page-interior-design section.testimonial div {
  position: relative;
}
body.page-interior-design section.testimonial p {
  font-family: 'angelinaregular';
  font-size: 36px;
  line-height: 44px;
  max-width: 960px;
  margin: 0 auto;
}
body.page-interior-design section.testimonial strong {
  font-family: 'gotham_bookregular';
  font-size: 20px;
  display: block;
  text-transform: uppercase;
}
body.page-wishlist .call-to-action {
  display: inline-block;
  margin-top: 10px;
}
body.page-testimonials .hide-on-single {
  display: none;
}
body.page-testimonials .featured-testimonial {
  display: none;
}
body.page-testimonials .quotes-icon {
  display: none;
}
body.page-testimonials .additional-testimonials {
  display: block;
}
body.page-testimonials .view-testimonial-button {
  display: block;
  position: relative;
}
body.page-testimonials ul.testimonials li {
  margin: 24px auto 68px;
}
body.page-testimonials ul.testimonials li p {
  font-family: 'angelinaregular';
  font-size: 36px;
  line-height: 44px;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.page-testimonials ul.testimonials li p {
    font-size: 24px;
    line-height: 30px;
  }
}
body.page-testimonials ul.testimonials li strong {
  font-family: 'gotham_bookregular';
  font-size: 20px;
  display: block;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  body.page-testimonials ul.testimonials li strong {
    font-size: 14px;
  }
}
body.page-testimonials .page-master-content {
  padding-bottom: 0;
  margin-bottom: -26px;
}
body.page-our-work .page-master-content {
  padding-bottom: 70px;
  width: 100%;
}
body.page-our-work .page-master-content .page-heading {
  margin-bottom: 32px;
}
body.page-our-work .page-master-content .banner.point-joins {
  margin-top: 120px;
  top: 0;
}
body.page-our-work .page-master-content form {
  max-width: 960px;
  margin: 0 auto;
}
body.page-id-55 section div p {
  text-align: left;
  font-size: 14px;
}
body.page-id-55 section div h4 {
  font-family: 'gotham_boldregular';
}
body.page-id-55 section div strong {
  font-family: 'gotham_boldregular';
  margin-top: 2em;
}
body.page-site-map .page-master-content ul {
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
}
body.page-site-map .page-master-content ul li {
  font-size: 18px;
  font-family: 'gotham_bookregular';
  font-weight: normal;
  margin: 8px;
}
body.page-site-map .page-master-content ul li ul {
  margin-left: 18px;
}
body.page-parent section.page-master-content {
  padding-bottom: 0;
}
body div.left-column {
  float: left;
  width: 50%;
  padding-right: 35px;
  text-align: left;
  padding-left: 10px;
}
body div.left-column ol,
body div.left-column ul {
  padding-left: 18px;
}
body div.left-column p {
  margin: 0 auto 12px;
}
body div.left-column p,
body div.left-column li {
  text-align: left;
  list-style: outside disc;
}
body div.left-column p strong,
body div.left-column li strong {
  font-family: 'gotham_boldregular';
  font-weight: normal;
}
body div.right-column {
  float: right;
  width: 50%;
  padding-left: 35px;
  text-align: left;
  padding-right: 10px;
}
body div.right-column ol,
body div.right-column ul {
  padding-left: 18px;
}
body div.right-column p {
  margin: 0 auto 12px;
}
body div.right-column p,
body div.right-column li {
  text-align: left;
  list-style: outside disc;
}
body div.right-column p strong,
body div.right-column li strong {
  font-family: 'gotham_boldregular';
  font-weight: normal;
}
/** UTILITY CLASSES **/
.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.fadeIn {
  opacity: 1;
  transition: opacity 1.3s linear;
}
.banner-image {
  max-width: 960px;
  margin: 0 auto;
}
.banner.point-joins {
  width: 100%;
  height: 744px;
  -webkit-clip-path: polygon(0% 0%, 48.7% 0, 49.8% 18px, 51% 0, 100% 0%, 100% 718px, 51% 718px, 49.8% 740px, 48.7% 718px, 0 718px);
  -moz-clip-path: polygon(0% 0%, 48.7% 0, 49.8% 18px, 51% 0, 100% 0%, 100% 718px, 51% 718px, 49.8% 740px, 48.7% 718px, 0 718px);
  clip-path: polygon(0% 0%, 48.7% 0, 49.8% 18px, 51% 0, 100% 0%, 100% 718px, 51% 718px, 49.8% 740px, 48.7% 718px, 0 718px);
  background-size: cover;
  margin-top: -55px;
}
@media only screen and (max-width: 1230px) {
  .banner.point-joins {
    -webkit-clip-path: polygon(0% 0, 48% 0, 50% 18px, 52% 0, 100% 0, 100% 718px, 52% 718px, 50% 740px, 48% 718px, 0 718px);
    -moz-clip-path: polygon(0% 0, 48% 0, 50% 18px, 52% 0, 100% 0, 100% 718px, 52% 718px, 50% 740px, 48% 718px, 0 718px);
    clip-path: polygon(0% 0, 48% 0, 50% 18px, 52% 0, 100% 0, 100% 718px, 52% 718px, 50% 740px, 48% 718px, 0 718px);
  }
}
.bottom-point-joins {
  width: 100%;
  height: 444px !important;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 418px, 53% 418px, 49.8% 440px, 46.7% 418px, 0 418px);
  -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 418px, 53% 418px, 49.8% 440px, 46.7% 418px, 0 418px);
  clip-path: polygon(0% 0%, 100% 0%, 100% 418px, 53% 418px, 49.8% 440px, 46.7% 418px, 0 418px);
  background-size: cover;
  margin-top: -55px;
}
@media only screen and (max-width: 1230px) {
  .bottom-point-joins {
    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 418px, 52% 418px, 50% 440px, 48% 418px, 0 418px);
    -moz-clip-path: polygon(0% 0, 100% 0, 100% 418px, 52% 418px, 50% 440px, 48% 418px, 0 418px);
    clip-path: polygon(0% 0, 100% 0, 100% 418px, 52% 418px, 50% 440px, 48% 418px, 0 418px);
  }
}
.bottom-point-joins .fade-next,
.bottom-point-joins .fade-back {
  top: 41% !important;
}
.id-194 {
  background-position-y: -600px !important;
}
@media only screen and (max-width: 1230px) {
  .id-194 {
    background-position-y: -200px !important;
  }
}
@media only screen and (max-width: 768px) {
  .id-194 {
    background-position-y: 0px !important;
  }
}
.page-my-account .page-master-content {
  max-width: 960px;
}
.page-my-account h3.page-heading {
  margin-bottom: 20px;
}
.page-my-account .woocommerce h2,
.page-my-account .woocommerce h3 {
  margin: 10px 0px;
}
.fade-next,
.fade-back {
  position: absolute;
  z-index: 100;
  top: 50%;
  text-indent: -9000px;
  height: 62px;
  width: 46px;
  cursor: pointer;
  transition: all .3s;
}
.fade-back {
  left: 16px;
  background: url(images/banner-arrow-back.png) no-repeat;
}
.fade-back:hover {
  left: 14px;
}
.fade-back:active {
  left: 3px;
  opacity: 0.1;
  transition: all .2s;
}
.fade-next {
  right: 16px;
  background: url(images/banner-arrow-next.png) no-repeat;
}
.fade-next:hover {
  right: 14px;
}
.fade-next:active {
  right: 3px;
  opacity: 0.1;
  transition: all .2s;
}
.button-style {
  background: #fff;
  border: 1px solid #695e4a;
  text-transform: uppercase;
  font-size: 18px;
  transition: all .5s;
  margin-top: 10px;
  padding: 6px 14px;
}
.button-style:hover {
  background-color: #695E4A;
  color: #fff;
}
.button-fade {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.button-fade::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 140%;
  opacity: 0;
  background-color: #695e4a;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
}
.button-fade:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
@media screen and (min-width: 980px) {
  .mosaic-breakpoints .right {
    float: right;
    width: 50%;
  }
  .mosaic-breakpoints .right.mosaic {
    width: 445px;
  }
  .mosaic-breakpoints .left {
    float: left;
    width: 50%;
  }
  .mosaic-breakpoints .left.mosaic {
    width: 445px;
  }
  .mosaic-breakpoints .mosaic-content {
    height: 445px;
  }
}
@media screen and (max-width: 980px) {
  .mosaic-breakpoints .right,
  .mosaic-breakpoints .left {
    margin: 24px auto;
    padding: 0 24px;
  }
  .mosaic-breakpoints .right.mosaic,
  .mosaic-breakpoints .left.mosaic {
    width: 445px;
  }
  .mosaic-breakpoints .mosaic ul .tall {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mosaic-breakpoints .mosaic-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .mosaic {
    width: 310px !important;
    height: 297px !important;
  }
}
@media screen and (max-width: 768px) {
  .mosaic .short {
    height: 140px !important;
  }
}
.small-text {
  font-size: 11px;
}
.page-overview p {
  letter-spacing: 0.1px;
}
.page-overview p {
  padding-left: 10px;
  padding-right: 10px;
}
@keyframes cart-dropdown {
  0% {
    display: block;
    top: -100%;
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    top: 61px;
    opacity: 1;
  }
}
/** HEADER STYLE **/
.header {
  height: 85px;
}
.header h1.logo {
  height: 85px;
  width: 192px;
  text-indent: -9999px;
  background: url('images/frobisher-akl-logo.jpg') no-repeat center;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .header h1.logo {
    width: 140px;
  }
}
.header ul.menu {
  float: right;
  margin-right: 55px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.header ul.menu.show li {
  right: 0;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}
.header ul.menu li {
  float: left;
  position: relative;
  right: -100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.header ul.menu li.current_page_item a {
  text-decoration: none;
  font-weight: bold;
  font-family: 'gotham_bookregular';
  text-decoration: underline;
}
.header ul.menu li a {
  font-size: 13px;
  padding: 0 3px;
  margin: 0 8px;
  line-height: 85px;
  text-transform: uppercase;
  background: #fff;
  display: block;
  height: 100%;
}
.header .cart-tag {
  position: absolute;
  right: 90px;
  top: 24px;
  z-index: 100;
}
.header .cart-tag span a {
  position: absolute;
  line-height: 12px;
  width: 12px;
  border-radius: 100px;
  background: #f4f2e9;
  box-sizing: content-box;
  padding: 4px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  color: #695e4a;
  cursor: pointer;
  top: 12px;
  left: -12px;
  font-family: 'gotham_boldregular';
  font-size: 12px;
}
.header .cart-tag span a:hover {
  padding: 12px;
  font-size: 18px;
  color: #fff;
  background: #695e4a;
}
.header .cart-tag svg {
  width: 36px;
  height: 36px;
}
.header .cart-tag:hover .mini-cart {
  display: block;
  opacity: 1;
  top: 61px;
  animation: cart-dropdown 0.5s;
}
.header .cart-tag .mini-cart {
  display: none;
  opacity: 0;
  width: 240px;
  transition: height 0.5s ease-in-out, top 0.3s ease-in-out;
  background: #fff;
  z-index: 999;
  position: absolute;
  border: 3px solid #695e4a;
  left: -147px;
  top: -100%;
  text-align: center;
}
.header .cart-tag .mini-cart:before {
  background: url(images/brown-peak.png) no-repeat;
  height: 40px;
  width: 40px;
  position: absolute;
  top: -23px;
  content: ' ';
  background-size: 100%;
  left: 134px;
}
.header .cart-tag .mini-cart .checkout {
  border: 1px solid #695e4a;
  color: #695e4a;
  background-color: transparent;
  transition: all .2s;
  padding: 6px 14px;
  display: inline-block;
  font-size: 17px;
  margin: 18px 0 12px;
}
.header .cart-tag .mini-cart .checkout:hover {
  background-color: #695e4a;
  color: #fff;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li {
  margin: 0 12px;
  text-align: left;
  border-bottom: 1px solid #695e4a;
  font-size: 17px;
  padding: 2px 0 8px 45px;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li:hover {
  background: #695e4a;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li:hover a,
.header .cart-tag .mini-cart ul.mini-cart-actions li:hover i {
  color: #fff;
  stroke: #fff !important;
  fill: #fff !important;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 7px;
  top: 4px;
  position: relative;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i.icon-account {
  background: url(images/icon-account.svg) no-repeat;
  background-size: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i.icon-signin {
  background: url(images/icon-signin.svg) no-repeat;
  background-size: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i.icon-cart {
  background: url(images/icon-cart.svg) no-repeat;
  background-size: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i.icon-wishlist {
  background: url(images/icon-heart.svg) no-repeat;
  background-size: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-actions li i.icon-orders {
  background: url(images/icon-orders.svg) no-repeat;
  background-size: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-list li {
  display: flex;
  clear: both;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 26px;
}
.header .cart-tag .mini-cart ul.mini-cart-list li .mini-cart-image {
  float: left;
  width: 60px;
}
.header .cart-tag .mini-cart ul.mini-cart-list li .mini-cart-details {
  text-align: left;
  padding-left: 11px;
  display: block;
  width: 100%;
}
.header .cart-tag .mini-cart ul.mini-cart-list li .mini-cart-details b {
  border-bottom: 2px solid #695e4a;
}
.home .header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #fff;
  overflow: visible;
}
body.menu-open .cart-tag {
  opacity: 0;
  transition: opacity: .2;
}
/** BANNER STYLES **/
@media screen and (min-width: 640px) {
  .banner {
    height: 261px;
  }
}
.banner h3 {
  font-size: 70px;
}
@media screen and (max-width: 768px) {
  .banner h3 {
    font-size: 40px;
  }
}
.banner h2 {
  color: #fff;
  text-align: center;
  font-family: 'gotham_boldregular';
  font-size: 3vw;
  line-height: 261px;
  padding: 0;
  vertical-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 46px rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 640px) {
  .banner h2 {
    font-size: 14vw !important;
    line-height: 100% !important;
    padding: 52px 0 !important;
  }
}
@media screen and (max-width: 990px) {
  .banner h2 {
    font-size: 9vw !important;
  }
}
@media screen and (max-width: 990px) {
  .banner.shop h2 {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 745px) {
  .banner.shop h2 {
    font-size: 40px !important;
    padding: 74px !important;
  }
}
@media screen and (max-width: 655px) {
  .banner.shop h2 {
    font-size: 30px !important;
    padding: 89px !important;
  }
}
.banner .col-xs-12 {
  background: rgba(0, 0, 0, 0.4);
}
.banner.banner-retail {
  background: url(images/banner-retail-store.jpg) no-repeat center #695e4a;
}
.banner.banner-home {
  height: 67%;
  width: 100%;
}
.banner.banner-home ul {
  background: #695e4a;
  position: relative;
}
.banner.banner-home ul li {
  /*opacity:0;*/
  position: absolute;
  background: url(images/banner-home.jpg) no-repeat center;
  background-size: cover;
}
.banner.banner-home ul li h2 {
  text-indent: -9000px;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  max-width: 960px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.banner.banner-home ul li h2.unique {
  background-image: url(images/banner-home-unique.png);
}
.banner.banner-home ul li h2.modern {
  background-image: url(images/banner-home-modern.png);
}
.banner.banner-home ul li h2.contemporary {
  background-image: url(images/banner-home-contemporary.png);
}
.banner.banner-home ul li h2.talented {
  background-image: url(images/banner-home-talented.png);
}
.banner.banner-blog-events {
  background-image: url(images/banner-blog-events.jpg);
  background-repeat: no-repeat;
}
.banner.banner-page {
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 45px;
}
.banner.gallery {
  width: 100%;
  overflow: hidden;
  display: flex;
  position: relative;
  top: -28px;
  z-index: 10;
}
/** SECTIONS STYLES **/
section .image-and-text {
  margin: 20px 0px;
}
section .html-content-box {
  margin: 20px 0px;
}
section .html-content-box p {
  text-align: left;
  padding: 5px 0px;
}
section .html-content-box h3 {
  text-align: left;
  margin: 0px;
  padding: 5px 0px;
  font-size: 23px;
}
section .links hr {
  border-top: 1px solid #695e4a;
}
section .image-and-text .image-textbox {
  padding: 30px 0px;
}
section .image-and-text h3 {
  text-align: left;
  margin: 0px;
  padding: 5px 0px;
  font-size: 23px;
}
section .image-and-text p {
  text-align: left;
  padding: 5px 0px;
  padding-bottom: 10px;
  margin: 0px;
}
section.portfolio img {
  margin: auto auto;
  margin-bottom: 10px;
}
section.portfolio p {
  text-align: left;
}
section.portfolio p.subtitle {
  text-transform: uppercase;
}
section.portfolio p.description {
  margin-bottom: 30px;
}
section.portfolio .portfolio-box {
  min-height: 320px;
  width: 31%;
  background: #f7f6f6;
  margin: 10px;
  padding: 10px;
}
section.portfolio .portfolio-box .subtitle {
  text-align: center;
  font-size: 13px;
}
section.portfolio .portfolio-box h3 {
  font-size: 16px;
  margin-bottom: 0px;
  padding: 0px;
}
section.art-gallery .banner {
  height: 741px;
  background: url(images/banner-art-gallery.jpg) no-repeat center #695e4a;
  background-size: auto 741px;
}
section.art-gallery .content-box {
  max-width: 510px;
  height: 741px;
  flex-direction: column;
}
section.the-espressory .content-box {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  max-width: 427px;
  height: 443px;
  justify-content: center;
}
section.our-studio {
  background: url(images/banner-our-studio.jpg) no-repeat center #695e4a;
  background-size: auto 100%;
}
section.our-studio .content-box {
  height: 744px;
}
section.frobisher-experience {
  background-size: 100% auto;
  min-height: 685px;
  padding-bottom: 70px;
}
section.frobisher-experience h3 {
  display: block;
  width: 420px;
  letter-spacing: 1px;
  margin: 56px auto 0;
  background: transparent;
  border-bottom: 3px solid #695e4a;
  padding: 0 0 9px;
  font-size: 25px;
  font-weight: lighter;
}
@media screen and (max-width: 768px) {
  section.frobisher-experience h3 {
    width: 300px;
  }
}
section.our-designers {
  background-size: 100% auto;
  min-height: 685px;
  padding-bottom: 70px;
}
section.our-designers h3 {
  display: block;
  width: 229px;
  letter-spacing: 1px;
  margin: 56px auto 0;
  background: transparent;
  border-bottom: 3px solid #695e4a;
  padding: 0 0 9px;
  font-size: 25px;
  font-weight: lighter;
}
section.our-designers ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  max-width: 960px;
  margin: 0 auto 80px;
  /*li:hover::before{
          background-color: rgba(255,255,255,0);
      }*/
}
section.our-designers ul:hover li {
  opacity: 0.8;
  transition-duration: 0.1s;
}
section.our-designers ul li {
  position: relative;
  display: inline-block;
  display: inline-flex;
  cursor: pointer;
  margin-top: 38px;
  margin-top: 53px;
  transition-duration: 0.4s;
  width: 210px;
  /*
        div{
          height: 216px;
          width: 216px;
          &.name{
            cursor:pointer;
            margin-bottom:16px;
            background-color: rgba(255,255,255,0.6);
            z-index:200;
            div{
              background: url(images/staff-bg.png) no-repeat bottom;
              height: 65px;
              width: 100%;
              position: absolute;
              bottom: 0;
            }
            &:hover + .description{
              top:100%;
              opacity:1;
            }
          }
          &.description{
            height:auto;
            background:#f2eee7;
            position:absolute;
            top:0;
            left:0;
            opacity:0;
            z-index:100;
            .up-arrow{
              position:relative;
              top:12px;
              height:12px;
              display:block;

              background: url(images/staff-bg.png) no-repeat bottom;
              -moz-transform:rotate(180deg);
              -webkit-transform:rotate(180deg);
              -o-transform:rotate(180deg);
              -ms-transform:rotate(180deg);

            }
          }
        }
        */
}
section.our-designers ul li:hover {
  opacity: 1;
}
section.our-designers ul li .overlay {
  transition: all .5s;
}
section.our-designers ul li .description {
  display: none;
}
section.our-designers ul li:hover .overlay {
  background-color: rgba(255, 255, 255, 0);
}
section.our-designers ul li:hover .description {
  opacity: 1 !important;
  display: block;
}
section.our-designers ul li:hover .about {
  bottom: -32px;
  transition: all .4s;
}
section.our-designers ul li div {
  height: 300px;
  width: 210px;
}
section.our-designers ul li div .about {
  height: 49px;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: visible;
}
section.our-designers ul li div .about p {
  font-size: 11px;
  line-height: 16px;
  padding: 10px 12px;
}
section.our-designers ul li div .about h4 {
  font-size: 16px;
  font-family: 'gotham_boldregular';
  text-align: center;
  line-height: 18px;
}
section.our-designers ul li div .about span {
  font-size: 12px;
  display: block;
  text-align: center;
  font-family: 'gotham_bookregular';
}
section.our-designers ul li div .about .arrow-up,
section.our-designers ul li div .about .arrow-down {
  background: url(images/light-arrow-up.png) no-repeat center;
  top: -16px;
  position: relative;
  height: 17px;
  width: 100%;
}
section.our-designers ul li div .about .arrow-down {
  background: url(images/light-arrow-down.png) no-repeat center;
  position: absolute;
  bottom: -15px;
  top: auto;
}
section.our-designers ul li div .about .name {
  top: 0;
  left: 0;
  position: absolute;
  background-color: #f2eee7;
  height: auto;
  width: 100%;
  padding: 5px 0 11px;
}
section.our-designers ul li div .about .description {
  padding: 10px;
  top: 0;
  left: 0;
  height: auto;
  position: absolute;
  opacity: 0;
  background-color: #f2eee7;
  z-index: 100;
  text-align: center;
  font-size: 10px;
  border: 1px solid #746A57;
}
section.our-designers ul li div .about .description h4 {
  border-bottom: 3px solid #695E4A;
  display: block;
  margin: -9px 12px -4px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
section.our-designers ul li div .about .description p {
  background-color: #f2eee7;
  color: #695E4A;
}
section.our-designers ul li div .about .description a {
  font-size: 18px;
  text-transform: uppercase;
  border: 1px solid #695E4A;
  padding: 6px 12px 1px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 18px;
  margin-top: 5px;
}
section.our-designers ul li div .about .description a:hover {
  border-color: #695e4a;
  background-color: #695e4a;
  color: #f2eee7;
}
section .blog-info {
  margin: 85px 0px;
}
section .previous-blogs {
  background-color: #f2eee7;
  width: 100%;
  margin-top: 55px;
}
section .previous-events p {
  text-align: left;
}
section .previous-events .date {
  font-size: 22px;
  text-align: left;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
section .previous-events hr {
  border-width: 1px;
}
@media screen and (max-width: 768px) {
  section .event-date {
    font-size: 35px;
  }
}
section .container.event-info {
  max-width: 960px;
  margin-top: -125px;
}
@media screen and (max-width: 768px) {
  section .container.event-info .event-date {
    font-size: 19px;
    margin-top: 7px;
  }
  section .container.event-info .call-to-action {
    font-size: 14px;
    padding: 7px 8px;
  }
  section .container.event-info h4 {
    font-size: 17px;
  }
}
section .event-info h4 {
  color: #fff;
  font-size: 26px;
}
section .event-info .call-to-action {
  margin-top: 0px;
  border-color: #fff;
  color: #fff;
}
section.events h3 {
  margin-top: 55px;
}
section.events .banner {
  max-width: 960px;
  margin-top: 35px;
}
section.blog-events {
  text-align: center;
}
section.blog-events p {
  max-width: 960px;
  margin: 0 auto;
}
section.blog-events h3 {
  display: inline-block;
}
section.blog-events .content {
  max-width: 960px;
}
section.blog-events h2.previous-articles {
  margin: 70px 0 48px;
  text-transform: uppercase;
  font-size: 26px;
  border-bottom: 3px solid #695e4a;
  padding-bottom: 9px;
  display: inline-block;
}
section.blog-events .searchform {
  width: 210px;
  margin: 0 auto 50px;
}
section.blog-events .searchform input {
  border: 1px solid;
  line-height: 26px;
  margin-top: 0;
  float: left;
  padding: 0 0 0 6px;
  width: 168px;
}
section.blog-events .searchform button {
  position: relative;
  color: #fff;
  background: #695e4a;
  left: -4px;
}
section.blog-events .searchform span {
  width: 29px;
  line-height: 28px;
  font-size: 22px;
}
section.blog-events .filters {
  width: 495px;
}
@media screen and (max-width: 768px) {
  section.blog-events .filters {
    width: 100%;
  }
}
section.blog-events .filters .call-to-action {
  border: 1px solid #695e4a;
  padding: 0px 10px;
  font-size: 15px;
  transition: all .4s;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 3px;
}
@media screen and (max-width: 768px) {
  section.blog-events .filters .call-to-action {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  section.blog-events .filters .searchform {
    float: none;
    margin-left: 36%;
  }
}
@media screen and (max-width: 478px) {
  section.blog-events .filters .searchform {
    margin-left: 23%;
  }
}
section.blog-events .featured-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 340px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 42px;
}
section.blog-events .featured-image::before {
  background: url(images/arrow-down-white.png) no-repeat top center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
}
section.blog-events .recent-posts {
  width: 974px;
  min-height: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  section.blog-events .recent-posts {
    width: 740px;
  }
}
@media screen and (max-width: 768px) {
  section.blog-events .recent-posts {
    width: 500px;
  }
}
@media screen and (max-width: 478px) {
  section.blog-events .recent-posts {
    width: 235px;
  }
}
section.blog-events .recent-posts .grid-item {
  width: 226px;
  background-color: #695E4A;
  overflow: hidden;
  margin-bottom: 25px;
}
section.blog-events .recent-posts .grid-item:hover img {
  opacity: 1 !important;
}
section.blog-events .recent-posts .grid-item.blog {
  background-color: #fff;
}
section.blog-events .recent-posts .grid-item.blog h4,
section.blog-events .recent-posts .grid-item.blog p {
  color: #695e4a;
}
section.blog-events .recent-posts .grid-item.blog p {
  font-size: 15px;
}
section.blog-events .recent-posts .grid-item.blog h4 {
  border-bottom: 3px solid #695e4a;
  font-size: 18px;
}
section.blog-events .recent-posts .grid-item.blog .call-to-action {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
}
section.blog-events .recent-posts .grid-item.event p {
  margin-bottom: 20px;
}
section.blog-events .recent-posts .grid-item.event h4 {
  margin-bottom: 14px;
}
section.blog-events .recent-posts .grid-item h4 {
  color: #e7e2d9;
  font-size: 18px;
  margin: 31px 15px 40px;
  text-transform: uppercase;
  border-bottom: 3px solid #e7e2d9;
  padding-bottom: 9px;
}
section.blog-events .recent-posts .grid-item p {
  color: #e7e2d9;
  width: 200px;
}
section.blog-events .recent-posts .grid-item img {
  position: relative;
  width: 100%;
}
section.contact-us,
section.careers {
  width: 960px;
  text-align: center;
  margin: 0 auto;
}
section .hours {
  text-align: center;
}
section.page-master-content {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 80px;
}
@media screen and (min-width: 980px) {
  section.page-master-content .right {
    float: right;
    width: 50%;
  }
  section.page-master-content .right.mosaic {
    width: 445px;
  }
  section.page-master-content .left {
    float: left;
    width: 50%;
  }
  section.page-master-content .left.mosaic {
    width: 445px;
  }
  section.page-master-content .mosaic-content {
    height: 445px;
  }
}
@media screen and (max-width: 980px) {
  section.page-master-content .right,
  section.page-master-content .left {
    margin: 24px auto;
    padding: 0 24px;
  }
  section.page-master-content .right.mosaic,
  section.page-master-content .left.mosaic {
    width: 445px;
  }
  section.page-master-content .mosaic ul .tall {
    padding-left: 20px;
    padding-right: 20px;
  }
}
section.page-master-content .mosaic-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  section.page-master-content {
    margin-top: 30px;
  }
}
section.gallery {
  width: 100%;
  overflow: hidden;
  display: flex;
  position: relative;
  top: -28px;
  z-index: 10;
}
section.gallery .content-box {
  display: none;
}
.page-overview .page-master-content {
  max-width: 960px;
}
@media screen and (min-width: 980px) {
  .multi-page-section .right {
    float: right;
    width: 50%;
  }
  .multi-page-section .right.mosaic {
    width: 445px;
  }
  .multi-page-section .left {
    float: left;
    width: 50%;
  }
  .multi-page-section .left.mosaic {
    width: 445px;
  }
  .multi-page-section .mosaic-content {
    height: 445px;
  }
}
@media screen and (max-width: 980px) {
  .multi-page-section .right,
  .multi-page-section .left {
    margin: 24px auto;
    padding: 0 24px;
  }
  .multi-page-section .right.mosaic,
  .multi-page-section .left.mosaic {
    width: 445px;
  }
  .multi-page-section .mosaic ul .tall {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.multi-page-section .mosaic-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.multi-page-section .gallery .content-box {
  display: flex;
  max-width: 80%;
}
.mosaic-wrapper {
  padding: 0;
  max-width: 960px;
  margin: 80px auto;
  text-align: center;
  min-height: 525px;
}
.page-master-content .mosaic-wrapper {
  margin: 126px auto;
}
form label {
  text-transform: uppercase;
  display: block;
  text-align: left;
  margin: 34px 0 13px;
  font-size: 17px;
}
form input[type="submit"] {
  background: #fff;
  border: 1px solid #695e4a;
  text-transform: uppercase;
  font-size: 18px;
  transition: all .5s;
  margin-top: 10px;
  padding: 6px 14px;
}
form input[type="submit"]:hover {
  background-color: #695E4A;
  color: #fff;
}
form input[type="text"],
form input[type="email"] {
  width: 100%;
  line-height: 30px;
  border: 1px solid #695E4A;
  padding: 6px;
}
form input[type="email"] {
  border: 1px solid #695e4a!important;
  background: transparent!important;
}
form .inputfile {
  display: none;
}
form .inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
form .inputfile + label {
  font-size: 1.25em;
  font-weight: 700;
  color: #695E4A;
  background-color: #fff;
  border: 1px solid #695E4A;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  padding: 6px 14px;
  transition: all .5s;
  float: left;
}
form .inputfile + label.selected {
  background-color: #695E4A;
  color: #fff;
}
form .inputfile + label.selected + span {
  float: left;
  margin: 43px 0 0 14px;
}
form .inputfile:focus + label,
form .inputfile + label:hover {
  background-color: #695E4A;
  color: #fff;
}
form .inputfile + label * {
  pointer-events: none;
}
/** FOOTER STYLE**/
footer i {
  background: #695e4a;
  color: #fff;
  padding: 4px 0;
  border-radius: 10px;
  width: 20px;
  font-size: 12px;
  transition: all .5s;
}
footer i:hover {
  color: #695e4a;
  background: #fff;
}
footer.home {
  height: 30%;
  padding-top: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
footer p {
  font-size: 12px;
}
footer p strong {
  font-family: 'gotham_bookregular';
  font-weight: bold;
  font-size: 12px;
}
footer .footer-buttons {
  clear: both;
}
footer .footer-buttons li {
  float: left;
  height: 92px;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  border-style: solid;
  border-color: white;
  border-width: 0 0 0 5px;
}
footer .footer-buttons li.interior-design {
  background-image: url(images/footer-button-interior-design.jpg);
}
footer .footer-buttons li.retail-studio {
  background-image: url(images/footer-button-retail-studio.jpg);
}
footer .footer-buttons li.online-shop {
  background-image: url(images/footer-button-online-shop.jpg);
}
footer .footer-buttons li.blog-events {
  background-image: url(images/footer-button-blog-events.jpg);
}
footer .footer-buttons li a {
  color: #f2eee7;
  line-height: 92px;
  font-size: 37px;
  font-size: 2vw;
  text-align: center;
  text-transform: uppercase;
  display: block;
  width: 100%;
  transition: all .4s;
  background: rgba(33, 33, 33, 0.44);
}
@media screen and (max-width: 768px) {
  footer .footer-buttons li a {
    font-size: 15px;
  }
}
footer .footer-buttons li a:hover,
footer .footer-buttons li a.active {
  color: #695e4a;
  background: rgba(255, 255, 255, 0.7);
}
.home .fade-these li img {
  width: 80%;
  height: initial;
  margin: 0 auto;
}
.home .dots {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.home .dots i {
  float: left;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #fff;
  margin: 0 2px;
  transition: all .5s;
}
.home .dots i.hollow {
  background: transparent;
}
.home .footer-buttons li {
  padding: 0;
  height: 100%;
  border-style: solid;
  border-color: white;
  border-width: 5px 0px 0px 5px;
}
.home .footer-buttons li.interior-design {
  border-left: 0px;
}
@media (max-width: 768px) {
  .home .footer-buttons li.online-shop {
    border-left: 0px;
  }
}
.home .footer-buttons li a {
  max-height: 320px;
  height: 100%;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #f2eee7;
  font-size: 37px;
  font-size: 2vw;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  transition: all .4s;
  background: rgba(33, 33, 33, 0.44);
}
.home .footer-buttons li a:hover,
.home .footer-buttons li a.active {
  color: #695e4a;
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 768px) {
  .home .footer-buttons li a {
    font-size: 28px;
  }
}
@media (max-width: 468px) {
  .home .footer-buttons li a {
    font-size: 15px;
  }
}
.home .footer-buttons li.interior-design {
  background: url(images/bucket-interior-design.jpg) no-repeat center;
  background-size: cover;
}
.home .footer-buttons li.retail-studio {
  background: url(images/bucket-retail-studio.jpg) no-repeat center;
  background-size: cover;
}
.home .footer-buttons li.online-shop {
  background: url(images/bucket-online-shop.jpg) no-repeat center;
  background-size: cover;
}
.home .footer-buttons li.blog-events {
  background: url(images/bucket-blog-events.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  footer .footer-buttons li {
    border-width: 5px 0 0 5px;
  }
}
@media screen and (max-width: 769px) {
  footer .footer-buttons li.online-shop {
    border-left: 0;
  }
}
.fade-these {
  height: 100%;
  width: 100%;
  position: absolute;
}
.fade-these li {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fade-these li img {
  width: auto;
}
.fade-out {
  opacity: 0;
  transition: opacity 1s;
}
#menu-svg {
  cursor: pointer;
  position: absolute;
  right: 31px;
  top: 31px;
}
#menu-svg * {
  transition: all 0.2s;
}
#menu-svg:hover .st1,
#menu-svg .st0 {
  opacity: 0;
}
#menu-svg:hover .st0 {
  opacity: 1;
}
#menu-svg .cls-2 {
  fill: #bada55;
}
#menu-svg .st0 {
  fill: #69614E;
}
#menu-svg .st2,
#menu-svg .st1 {
  fill: none;
  stroke: #69614E;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.mosaic {
  height: 445px;
  width: 445px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 768px) {
  .mosaic .short img {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .mosaic .tall img {
    width: 130px;
  }
}
.mosaic ul {
  height: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
}
@media screen and (max-width: 768px) {
}
.mosaic ul li {
  background: #ccc;
  background: 50%;
  transition: all .2s;
  position: relative;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
}
.mosaic ul .short {
  order: 1;
  height: 210px;
}
@media screen and (min-width: 980px) {
  .mosaic ul .short {
    width: 210px;
  }
}
.mosaic ul .tall {
  order: 2;
  height: 445px;
}
@media screen and (min-width: 980px) {
  .mosaic ul .tall {
    width: 210px;
  }
}
.mosaic.layout-1x2 ul .short {
  order: 2;
}
.mosaic.layout-1x2 ul .tall {
  order: 1;
}
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/** SLIDE OUT MENU STYLES **/
.slideout-menu {
  display: none;
  z-index: 1;
  transition: all .5s swing;
}
.slideout-menu .social-icons {
  position: absolute;
  bottom: 75px;
  left: 30px;
}
.slideout-menu .social-icons a {
  margin-left: 27px;
}
.slideout-menu .menu a {
  font-size: 19px;
  text-transform: uppercase;
  padding-left: 20px;
  line-height: 44px;
  font-family: 'gotham_lightregular';
}
body.menu-open .wrapper {
  overflow: hidden;
}
.wrapper {
  height: 100%;
  width: 100%;
}
.push-out-wrapper {
  width: 100%;
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  perspective: 1000px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  background: #fff;
  box-shadow: 2px 0px 11px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 980px) {
  .push-out-wrapper {
    height: 100%;
  }
}
.padding-wrap {
  height: 100%;
  padding: 85px 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
}
@media screen and (max-width: 568px) {
  .padding-wrap {
    padding-bottom: 200px;
  }
}
@media screen and (min-height: 640px) and (max-width: 992px) {
  .padding-wrap {
    padding-bottom: 300px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .padding-wrap {
    padding-bottom: 120px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .padding-wrap {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 1520px) {
  .menu-open #menu-svg {
    opacity: 0;
  }
  .menu-open .push-out-wrapper {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    overflow: hidden;
  }
  .menu-open .push-out-wrapper .menu-top-menu-container {
    display: none;
  }
  .menu-open .slideout-menu {
    visibility: visible;
    display: block;
    right: -300px;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  .menu-top-menu-container {
    display: none;
  }
  h2.fix-multiline-header {
    line-height: 78px !important;
    padding: 52px !important;
  }
  .header ul.menu {
    opacity: 0;
    transition: all .5s;
  }
  .slideout-menu {
    position: fixed;
    display: block;
    top: 0;
    padding-top: 40px;
    right: -300px;
    z-index: 1;
    visibility: hidden;
    transition: all .5s;
    width: 300px;
    height: 100%;
    background: #F2EEE7;
    transform: translate3d(-50%, 0, 0);
  }
  .slideout-menu i {
    font-size: 32px;
    line-height: 40px;
    width: 32px;
  }
  .slideout-menu .menu-top-menu-container {
    display: block;
  }
  .slideout-menu .hours {
    height: 34px;
    transition: all .4s;
    overflow: hidden;
    position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
    background: #fff;
  }
  .slideout-menu .hours ul {
    width: 170px;
    margin: 6px auto;
  }
  .slideout-menu .hours ul li {
    text-align: left;
    font-size: 16px;
  }
  .slideout-menu .hours ul li span {
    float: right;
  }
  .slideout-menu .hours .show-hours {
    width: 100%;
    display: block;
    padding: 2px 0 1px;
    text-align: center;
    font-size: 22px;
  }
  .slideout-menu .hours i {
    font-size: 26px;
    position: absolute;
    right: 0;
    top: -2px;
  }
  .slideout-menu .hours.show {
    height: 180px;
  }
  .slideout-menu .close-menu i {
    color: #695e4a;
    position: absolute;
    opacity: 0.46;
    right: 13px;
    top: 13px;
    font-size: 41px;
    transition: all 0.5s;
  }
  .slideout-menu .close-menu i:hover {
    opacity: 1;
  }
  .slideout-menu .call,
  .slideout-menu .find {
    width: 50%;
    height: 37px;
    position: absolute;
    bottom: 0;
    color: #695e4a;
    padding: 2px;
    text-align: center;
    font-size: 22px;
  }
  .slideout-menu .call:hover,
  .slideout-menu .find:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .slideout-menu .find {
    left: 0;
  }
  .slideout-menu .find i {
    font-size: 27px;
    line-height: 34px;
  }
  .slideout-menu .call {
    right: 0;
  }
  .slideout-menu .call i {
    font-size: 22px;
    line-height: 31px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .slideout-menu .hours,
  .slideout-menu .find,
  .slideout-menu .call,
  .slideout-menu .social-icons {
    display: none;
  }
}
/** MODAL STYLES **/
.modal .modal-dialog .modal-content {
  box-shadow: none;
  border: none;
  background: transparent;
}
.modal .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  display: none;
}
.modal .modal-dialog .modal-content .modal-header .close {
  margin: 0;
  font-size: 39px;
  color: #fff;
  opacity: 1;
  position: absolute;
  right: 32px;
  top: 15px;
  z-index: 99999;
  background: #695e4a;
  padding: 5px 13px 10px;
}
.modal .modal-loading {
  margin-top: 140px;
  color: #fff;
  font-size: 20px;
  font-family: 'gotham_lightregular';
  text-align: center;
  font-weight: normal;
}
.modal-backdrop.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
svg.chair-svg {
  width: 100px;
}
svg.chair-svg path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  stroke: #fff;
  animation: dash 4s ease-in-out infinite forwards;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
body .sweet-alert h2 {
  font-family: 'gotham_lightregular';
  text-transform: uppercase;
  color: #695e4a;
}
body .sweet-alert button.confirm {
  background-color: #695e4a !important;
  border-radius: 0;
}
body .sweet-alert button.cancel {
  border: 1px solid #695e4a !important;
  background: transparent !important;
  border-radius: 0;
  color: #695e4a !important;
}
.yith-ajaxsearchform-container {
  width: 310px;
  margin: 24px auto 12px;
}
.yith-ajaxsearchform-container .autocomplete-suggestion {
  font-size: 17px;
}
.yith-ajaxsearchform-container .screen-reader-text {
  display: none;
}
.yith-ajaxsearchform-container #yith-s {
  border: 1px solid #695e4a;
  line-height: 35px;
  top: -1px;
  position: relative;
  font-size: 15px;
  padding-left: 11px;
}
.yith-ajaxsearchform-container form input[type="submit"] {
  margin: 0;
  font-size: 17px;
}
.addtocalendar var {
  display: none;
}
.addtocalendar {
  position: relative;
  display: inline-block;
  background: transparent!important;
}
.addtocalendar:hover {
  background: #695e4a !important;
  color: #fff !important;
}
.atcb-link {
  display: block;
  outline: none!important;
  cursor: pointer;
}
.atcb-link:hover {
  color: #fff;
}
.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-list:hover {
  visibility: visible;
}
.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 170px;
  z-index: 900;
}
.atcb-list,
.atcb-item {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
}
.atcb-item {
  float: none;
  text-align: left;
  padding-left: 10px;
}
.atcb-item-link {
  text-decoration: none;
  outline: none;
  display: block;
}
.atcb-item.hover,
.atcb-item:hover {
  position: relative;
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
}
.atc-style .atcb-list {
  width: 170px;
  border: 1px solid #bababa;
  border-radius: 2px;
  box-shadow: 0 0 5px #AAA;
}
.atcb-list,
.atcb-list:hover {
  color: #fff;
}
#map {
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
}
.page-our-work {
  /* General style */
  /* Grid style */
}
.page-our-work .grid-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-our-work .grid-gallery figure {
  margin: 0;
}
.page-our-work .grid-gallery figure img {
  display: block;
  width: 100%;
}
.page-our-work .grid-gallery figcaption h3 {
  margin: 0;
  padding: 0 0 0.5em;
  font-size: 17px;
}
.page-our-work .grid-gallery figcaption p {
  margin: 0;
}
.page-our-work .grid-wrap {
  max-width: 69em;
  margin: 0 auto;
  padding: 0 1em 1.875em;
}
.page-our-work .grid {
  margin: 0 auto;
}
.page-our-work .grid li {
  width: 25%;
  float: left;
  cursor: pointer;
}
.page-our-work .grid figure {
  padding: 5px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.page-our-work .grid li:hover figure {
  opacity: 0.7;
}
.page-our-work .grid figcaption {
  background: #e4e4e4;
  padding: 25px;
}
.page-our-work .grid-gallery {
  margin-top: 30px;
}
img.attachment-shop_single.size-shop_single.wp-post-image {
  margin: 0 auto;
}
.product-thumbnails .yith_magnifier_gallery li {
  float: none;
  display: inline-block;
}
.yith_magnifier_thumbnail img {
  padding: 10px;
}
.yith_magnifier_zoom_magnifier {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  border: none !important;
}
img.attachment-shop_thumbnail.size-shop_thumbnail {
  width: 135px;
}
@media screen and (max-width: 768px) {
  img.attachment-shop_thumbnail.size-shop_thumbnail {
    width: 100px;
  }
}
#processDown,
#processDownSvg {
  width: 64px;
  height: 64px;
}
#processDown {
  margin: auto;
  margin-top: -200px;
  margin-bottom: 200px;
  display: none;
}
.page-parent #processDown {
  display: block;
}
#processDown3 {
  animation: arrowDown 1.6s infinite ease-in-out 0.6s;
  -webkit-animation: arrowDown 1.6s infinite ease-in-out 0.6s;
}
#processDown2 {
  animation: arrowDown 1.6s infinite ease-in-out 0.8s;
  -webkit-animation: arrowDown 1.6s infinite ease-in-out 0.8s;
}
#processDown1 {
  animation: arrowDown 1.6s infinite ease-in-out 1s;
  -webkit-animation: arrowDown 1.6s infinite ease-in-out 1s;
}
@-webkit-keyframes arrowDown {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes arrowDown {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
.arrows {
  margin-top: 50px;
}
.arrows path {
  stroke: #695e4a;
  fill: transparent;
  stroke-width: 1px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}
@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}
.arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
}
.arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
@media screen and (max-width: 768px) {
  .fade-back,
  .fade-next {
    display: none;
  }
}
.banner-1 {
  cursor: pointer;
  background-image: url('images/banner-xmas-large.svg');
  background-position: center;
}
@media screen and (max-width: 768px) {
  .banner-1 {
    background-image: url('images/banner-xmas-small.svg');
  }
}
.banner-2 {
  cursor: pointer;
  background-image: url('images/banner-KH.svg');
  background-position: center;
}
@media screen and (max-width: 768px) {
  .banner-2 {
    background-image: url('images/banner-KH-mobile.svg');
  }
}
.banner-3 {
  cursor: pointer;
  background-position: center;
  background-image: url('images/banner-RolfBenz.svg');
}
@media screen and (max-width: 768px) {
  .banner-3 {
    background-image: url('images/banner-RolfBenz-mobile.svg');
  }
}
.banner-4 {
  cursor: pointer;
  background-position: center;
  background-image: url('images/banner-designerchat.svg');
}
@media screen and (max-width: 768px) {
  .banner-4 {
    background-image: url('images/banner-designerchat-mobile.svg');
  }
}
.page-testimonials section.page-master-content {
  max-width: 100%;
}
#disqus_thread {
  padding: 15px;
}
#mc_embed_signup .mc-field-group input {
  border-radius: 0;
}
.blog-call-to-action {
  color: #fff;
  background: #695e4a;
  padding: 7px 25px;
  font-size: 15px;
  margin-top: 25px;
  transition: all .4s;
  -webkit-align-self: center;
  align-self: center;
  text-transform: uppercase;
  text-decoration: none;
}
.blog-call-to-action:hover {
  border: 1px solid #695e4a;
  color: #695e4a;
  padding: 7px 25px;
}
.sharedaddy.sd-sharing-enabled {
  margin-top: 10px;
}
img.attachment-shop_single.size-shop_single.wp-post-image {
  width: unset !important;
}
.previous-events .sharedaddy {
  display: none;
}
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#gform_1 {
  display: none;
}