/*
Theme Name: The Yellow Brick Road Gallery
Theme URI: http://underscores.me/
Author: Island Media Management
Author URI: https://islandmediamanagement.com
Description: Island Media Management default starter Wordpress theme for client website development with custom needs
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yellow_brick_theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

YBRG Master Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fbc630 !important;
}

body .magnify-mobile .lens-mobile {
  display: none;
}

html {
  margin: 0 auto;
  padding: 0;
}

body {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  font-variant: none;
}

a,
body,
p {
  font-family: 'Josefin Sans', Arial;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
}

a.btn,
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Raleway', Arial;
  font-weight: 400;
}

h1,
h2 {
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
  color: #fbc630;
}

a strong,
p strong {
  font-weight: 500;
}

a {
  color: #fbc630;
  text-decoration: none !important;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

img.logo-footer {
  max-width: 250px !important;
}

a:hover {
  color: #262626;
}

.internal-page #main a {
  color: #000;
  text-decoration: underline !important;
}

.internal-page #main a:hover {
  color: #fbc630;
}

.internal-page #main a.button.wc-backward {
  color: #fbc630;
  background-color: #262626;
  text-decoration: none !important;
}

body #main a.button.wc-backward:hover {
  color: #262626;
}

ol,
ul {
  padding-left: 0;
}

body.home {
  overflow-y: hidden;
}

.back-to-top-wrapper {
  position: fixed;
  bottom: -30px;
  right: 30px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.back-to-top-wrapper.show {
  opacity: 1;
  bottom: 30px;
  z-index: 99999;
}

.back-to-top-wrapper a.back-to-top,
.back-to-top-wrapper a.back-to-top:active,
.back-to-top-wrapper a.back-to-top:focus,
.back-to-top-wrapper a.back-to-top:visited {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #262626;
  text-align: center;
  line-height: 30px;
  font-size: 25px;
  border: 1px solid #fbc630;
}

.back-to-top-wrapper a.back-to-top:hover {
  background-color: #fbc630;
  color: #262626;
  border: 1px solid #262626;
}

#content {
  margin-left: 100px;
  /** transition05s **/
}

#content img {
  max-width: 100%;
}

.recalculate-image-inner img,
img.recalculate-image.default {
  display: block !important;
  max-width: none !important;
  width: auto !important;
  height: 100% !important;
}

.recalculate-image-inner img.landscape,
img.recalculate-image.landscape {
  display: block !important;
  max-width: none !important;
  width: auto !important;
  height: 100% !important;
}

.recalculate-image-inner img.potrait,
img.recalculate-image.potrait {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  height: auto !important;
}

.recalculate-image-inner.image-landscape {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 70%;
}

.recalculate-image-inner.image-landscape img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.button-yb {
  font-weight: 400;
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #262626;
  border: 1px solid #fbc630;
  background-color: #fbc630;
}

.button-yb:hover {
  color: #fbc630;
  border: 1px solid #fbc630;
  background-color: #262626;
}

.button-yb.button-yb-black {
  color: #fbc630;
  border: 1px solid #262626;
  background-color: #262626;
}

.button-yb.button-yb-black:hover {
  color: #262626;
  border: 1px solid #262626;
  background-color: transparent;
}

.single-product-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
/** let's clean up the repeat transform and transition group it **/
#content,
#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small.button-add-to-wishlist i.fa-star,
#sidenav .icon-wrapper .sidenav-other-icon > ul > li,
.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper,
.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a:after,
.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a:before,
.artist-carousel-section .artist-carousel.owl-carousel .owl-item,
.frontpage-wrapper .arrow-left,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a:after,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a:before,
.product-carousel-section .product-carousel.owl-carousel .owl-item,
.transition05s,
footer.footer-ybrg .widget_nav_menu ul > li > a:after {
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.image-slider img.image-slider,
#content .single-product-header .image-product-wrapper .header-large-image .item span.zoom,
#content .single-product-header .image-product-wrapper .thumbnail-image .item > span img,
.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a img,
.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a:after,
.artist-list-wrapper .artist-item .art-wrapper .art-image img,
.frontpage-wrapper .frontpage-content,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a img,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a:after,
.single-product-content .art-artist-wrapper .art-artist-image .image-wrapper > img,
.transform-50-50 {
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.loader-ajax-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background-color: rgba(70,70,70,.9);
}

.loader-ajax-wrapper .loader-wrapper {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.loader-ajax-wrapper .loader-wrapper:after,
.loader-ajax-wrapper .loader-wrapper:before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%)rotate(0deg);
  -ms-transform: translate(-50%,-50%)rotate(0deg);
  transform: translate(-50%,-50%)rotate(0deg);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #262626;
}

.loader-ajax-wrapper .loader-wrapper:before {}

.loader-ajax-wrapper .loader-wrapper:after {
  width: 80%;
  height: 80%;
  border: 5px solid #262626;
  border-left: 5px solid #fbc630;
  border-right: 5px solid #fbc630;
  -webkit-animation: immspinRight linear 2.5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: immspinRight linear 2.5s infinite;
}
@-webkit-keyframes immspinRight {
  0% {
    -webkit-transform: translate(-50%,-50%)rotate(0deg);
    transform: translate(-50%,-50%)rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%,-50%)rotate(360deg);
    transform: translate(-50%,-50%)rotate(360deg);
  }
}
@keyframes immspinRight {
  0% {
    -webkit-transform: translate(-50%,-50%)rotate(0deg);
    transform: translate(-50%,-50%)rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%,-50%)rotate(360deg);
    transform: translate(-50%,-50%)rotate(360deg);
  }
}
/** side nav **/
#sidenav {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 450px;
  max-width: 100px;
  padding: 20px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-right: 1px solid rgba(255, 255, 255, .3);
  background-color: #262626;
  background-image: url("/wp-content/themes/ybrg-master-theme/assets/images/logo-bg-for-menu.png");
  background-repeat: no-repeat;
  background-position: center 100%;
  background-size: 450px auto;
}

#sidenav.opened {
  max-width: 450px;
}

body.admin-bar #sidenav {
  top: 32px;
}

#sidenav ul {
  padding-left: 0;
  list-style: none;
}
/*#sidenav div {
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}*/
#sidenav .navigation-wrapper {
  position: relative;
  /*top: 90px;
  right: 25px;
  bottom: 160px;
  left: 25px;*/
  display: block;
  overflow: hidden;
  overflow-y: hidden;
  width: 400px;
  max-height: 400px;
  margin-top: 20px;
  padding: 0;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: translateX(-440px);
  -ms-transform: translateX(-440px);
  transform: translateX(-440px);
  opacity: 0;
}

#sidenav.opened .navigation-wrapper {
  overflow-y: auto;
  /*right: 25px;
  left: 25px;*/
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

#sidenav .navigation-wrapper > ul > li > a {
  font-family: 'Raleway', Arial;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #fff;
}

#sidenav .navigation-wrapper > ul > li > a:active,
#sidenav .navigation-wrapper > ul > li > a:visited {
  color: #fff;
}

#sidenav .navigation-wrapper > ul > li > a:hover {
  color: #fbc630;
}

#sidenav .navigation-wrapper > ul > li > a.tapped,
#sidenav .navigation-wrapper > ul > li.current-menu-item > a {
  color: #fbc630;
}

#sidenav .navigation-wrapper > ul > li > a:after {
  display: block;
  width: 0;
  height: 1px;
  content: '';
  background-color: #fbc630;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

#sidenav .navigation-wrapper > ul > li > a.tapped:after,
#sidenav .navigation-wrapper > ul > li.current-menu-item > a:after {
  width: 100%;
  background-color: #fbc630;
}

#sidenav .navigation-wrapper > ul > li > a:hover:after {
  width: 100%;
  background-color: #fbc630;
}

#sidenav .icon-wrapper .sidenav-menu-icon,
.mobile-navbar .sidenav-menu-icon {
  position: relative;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: auto auto 20px;
}

#sidenav .icon-wrapper .sidenav-menu-icon button,
.mobile-navbar .sidenav-menu-icon button {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  outline: none;
  background-color: transparent;
}

#sidenav .icon-wrapper .sidenav-menu-icon button span,
.mobile-navbar .sidenav-menu-icon button span {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 7px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  opacity: 1;
  background-color: #fff;
}

#sidenav .icon-wrapper .sidenav-menu-icon button:hover span,
.mobile-navbar .sidenav-menu-icon button:hover span {
  background-color: #fbc630;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#sidenav .icon-wrapper .sidenav-menu-icon button span:nth-child(3),
.mobile-navbar .sidenav-menu-icon button span:nth-child(3) {
  margin-bottom: 0;
}

#sidenav.opened .icon-wrapper .sidenav-menu-icon button span:nth-child(1) {
  margin-bottom: -9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#sidenav.opened .icon-wrapper .sidenav-menu-icon button span:nth-child(2) {
  opacity: 0;
}

#sidenav.opened .icon-wrapper .sidenav-menu-icon button span:nth-child(3) {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sidenav .icon-wrapper .sidenav-other-icon a.tapped {}

#sidenav .logo-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
}

#sidenav .logo-wrapper a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 400px;
  max-width: 70px;
  height: 70px;
}

#sidenav .logo-wrapper a img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 90px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

#sidenav.opened .icon-wrapper:after,
#sidenav.opened .icon-wrapper:before {
  display: table;
  clear: both;
  content: '';
}

#sidenav.opened .icon-wrapper .sidenav-menu-icon {
  float: right;
}

#sidenav .sidenav-other-icon {
  position: absolute;
  top: 10px;
  left: 0;
  width: 400px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: translateX(-430px);
  -ms-transform: translateX(-430px);
  transform: translateX(-430px);
}

#sidenav.opened .sidenav-other-icon {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

#sidenav .icon-wrapper .sidenav-other-icon > ul {
  margin-bottom: 0;
  margin-left: 20px;
}

#sidenav .icon-wrapper .sidenav-other-icon > ul:after,
#sidenav .icon-wrapper .sidenav-other-icon > ul:before {
  display: table;
  clear: both;
  content: '';
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li {
  float: left;
  width: auto;
  margin-right: 20px;
  /** transition05s **/
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a {
  font-size: 30px;
  display: block;
  width: 100%;
  height: 50px;
  margin: auto;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  text-align: left;
  color: #555;
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #555;
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a.tapped,
#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a:hover {
  color: #fbc630;
  -webkit-text-fill-color: #fbc630;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: transparent;
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a.fav-button i {
  padding: 1px 2px;
  border: 1px solid #555;
  border-radius: 50%;
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a:hover.fav-button i {
  border: 1px solid #fbc630;
}

#sidenav .slogan-wrapper {
  position: absolute;
  top: 100px;
  right: 20px;
  bottom: 150px;
  left: 20px;
  width: auto;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

#sidenav.opened .slogan-wrapper {
  opacity: 0;
  -webkit-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);
}

#sidenav .slogan-wrapper .slogan-text {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  -webkit-transform: translate(-50%,-50%)rotate(-90deg);
  -ms-transform: translate(-50%,-50%)rotate(-90deg);
  transform: translate(-50%,-50%)rotate(-90deg);
}

#sidenav .slogan-wrapper .slogan-text span {
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-transform: uppercase;
  color: #fbc630;
}

#sidenav.opened .logo-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
}

#sidenav.opened .logo-wrapper a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 400px;
  height: 100px;
}

#sidenav.opened .logo-wrapper a img {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
}

.woocommerce #sidenav .logo-wrapper a img {
  max-width: none;
}

.frontpage-wrapper {
  position: relative;
  height: 100vh;
  background-color: #262626;
}

body.admin-bar .frontpage-wrapper {
  margin-top: -32px;
}

body.home.nav-expanded #content {
  margin-left: 450px;
}

.frontpage-wrapper .arrow-left {
  position: absolute;
  top: 20px;
  left: 20px;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  z-index: 9;
  /** transition05s **/
}

body.nav-expanded .frontpage-wrapper .arrow-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.frontpage-wrapper .arrow-left span {
  font-size: 16px;
  font-weight: 300;
  line-height: 56px;
  position: relative;
  display: inline-block;
  height: 50px;
  padding-left: 30px;
  text-transform: uppercase;
  color: #fff;
}

.frontpage-wrapper .arrow-left span i {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-animation: arrowbounce 500ms infinite ease;
  animation: arrowbounce 500ms infinite ease;
}
@-webkit-keyframes arrowbounce {
  0% {
    left: 0;
  }

  50% {
    left: 10px;
  }

  100% {
    left: 0;
  }
}
@keyframes arrowbounce {
  0% {
    left: 0;
  }

  50% {
    left: 10px;
  }

  100% {
    left: 0;
  }
}

body.admin-bar .frontpage-wrapper .arrow-left {
  top: 52px;
}

.product-status {
  display: inline-block;
  margin-bottom: 10px;
}

.frontpage-wrapper .background-image-wrapper {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.frontpage-wrapper .background-image-wrapper:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background-color: rgba(38, 38, 38, .75);
}

.frontpage-wrapper .frontpage-content {
  font-size: 28px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  /** transform-50-50 **/
}

.frontpage-wrapper .frontpage-content .heading-title h1 {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 30px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  letter-spacing: 7px;
  text-transform: uppercase;
  color: #fff;
}

.frontpage-wrapper .frontpage-content .heading-title h1 span.big-yellow {
  font-size: 44px;
  display: inline-block;
  margin-top: 20px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  color: #fbc630;
}

.frontpage-wrapper .frontpage-content .front-page-logo-wrapper img {
  width: auto;
  min-height: 150px;
  max-height: 150px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

.frontpage-wrapper .sub-text-wrapper {
  padding-top: 40px;
}

.frontpage-wrapper .sub-text-wrapper p {
  font-size: 28px;
  font-weight: 300;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
}

.single-product-header {
  position: relative;
  height: 100vh;
  min-height: 680px;
  background-color: #ccc;
  background-size: cover;
}

.single-product-header:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background-color: rgba(38,38,38,.75);
}

.single-product-header .wrapper-header {
  position: absolute;
  top: 50px;
  right: 50px;
  bottom: 50px;
  left: 50px;
}

.single-product-header .wrapper-header .content-product-wrapper,
.single-product-header .wrapper-header .image-product-wrapper {
  float: left;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.single-product-header .wrapper-header .image-product-wrapper {
  width: 60%;
  min-height: 100px;
  position: relative;
}

.single-product-header .wrapper-header .content-product-wrapper {
  width: 40%;
}

.single-product-header .wrapper-header .content-product-wrapper .content-product,
.single-product-header .wrapper-header .image-product-wrapper .image-product {
  width: 100%;
  height: 100%;
}

.image-product-wrapper .image-slider .magnify {
  width: 100%;
  height: 100%;
}

.single-product-header .wrapper-header .content-product-wrapper .content-product {
  background-color: rgba(38,38,38,.75);
}

#content .single-product-header .image-product-wrapper .header-large-image {
  margin-bottom: 5px;
}

#content .single-product-header .image-product-wrapper .header-large-image .item {
  position: relative;
  height: 0;
  padding-top: 65%;
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.image-slider {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  background-size: 200% auto;
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.image-slider:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background-color: rgba(38,38,38,.90);
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.image-slider img.image-slider {
  position: absolute;
  top: 50%;
  left: 50%;
  /** transform-50-50 **/
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.image-slider img.image-slider {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

#content .single-product-header .image-product-wrapper .header-large-image .item span.zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  /** transform-50-50 **/
}

#content .single-product-header .image-product-wrapper .thumbnail-image .item {
  position: relative;
  height: 0;
  padding-top: 65%;
}

#content .single-product-header .image-product-wrapper .thumbnail-image .item > span {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  display: block;
  overflow: hidden;
}

#content .single-product-header .image-product-wrapper .thumbnail-image .item > span img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  /** transform-50-50 **/
}

#content .single-product-header .content-product-wrapper .content-product {
  padding: 25px 30px;
  color: #fff;
}

#content .single-product-header .content-product-wrapper .content-product p {
  font-weight: 300;
}

#content .single-product-header .content-product-wrapper .content-product h1 {
  font-weight: 500;
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #fff;
}

#content .single-product-header .content-product-wrapper .content-product ul.product-detail {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}

#content .single-product-header .content-product-wrapper .content-product ul.product-detail > li {
  font-size: 16px;
  display: block;
}

#content .single-product-header .content-product-wrapper .content-product ul.product-detail > li:after,
#content .single-product-header .content-product-wrapper .content-product ul.product-detail > li:before {
  display: table;
  clear: both;
  content: '';
}

#content .single-product-header .content-product-wrapper .content-product ul.product-detail > li > label {
  font-weight: 300;
  display: block;
  float: left;
  width: 50%;
}

#content .single-product-header .content-product-wrapper .content-product ul.product-detail > li > span.value {
  font-weight: 500;
  display: block;
  float: left;
  width: 50%;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper {
  position: relative;
  margin-bottom: 10px;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large {
  font-weight: 500;
  line-height: 54px;
  display: block;
  width: auto;
  height: 50px;
  margin-right: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #262626;
  border: 1px solid #fbc630;
  background-color: #fbc630;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large.button-custom-order {
  font-size: 12px;
  line-height: 1.2;
  padding-top: 11px;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large,
#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large.button-custom-order {
  font-size: 14px;
  height: 40px;
  line-height: 42px;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large.button-custom-order {
  padding: 0 !important;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large:hover {
  color: #fbc630;
  background-color: transparent;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 14%;
  height: 40px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  color: #fbc630;
  border: 1px solid #fbc630;
  background-color: #fbc630;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small:hover {
  color: #fbc630;
  background-color: transparent;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small.button-add-to-wishlist i.fa-star {
  line-height: 26px;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  background-color: #262626;
  /** transition05s **/
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small.button-add-to-wishlist:hover i.fa-star {
  color: #262626;
  background-color: #fbc630;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small i.fa-info {
  font-size: 30px;
  display: inline-block;
  margin-top: 9px;
  color: #262626;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-small:hover i.fa-info {
  color: #fbc630;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper .social-sharing-wrapper button {
  height: 40px;
  width: 100%;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper .social-sharing-wrapper button i {
  font-size: 20px;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper .social-sharing-wrapper {
  width: 14%;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper a.button-small {
  position: relative;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper.flex-wrapper .button-add-to-cart {
  width: 70%;
  margin-right: 0;
}

.side-content .content-area {
  /*margin-top: 50px;*/
}
/** featured carousel **/
.featured_art_wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 3;
}

.featured_art_wrapper h2 {
  font-size: 60px !important;
  text-align: center;
}

.featured_art_wrapper .featured_art_carousel {
  /* position: absolute;
  width: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); */
}

.featured_art_wrapper .featured_art_carousel .product-collapse-content,
.featured_art_wrapper .featured_artist_carousel .product-collapse-content {
  border: none;
}

.featured_art_wrapper .featured_art_carousel .owl-stage,
.featured_art_wrapper .featured_art_carousel .owl-stage-outer {
  height: 100%;
}

.featured_art_wrapper .featured_art_carousel .owl-item {
  height: 100%;
  position: relative;
}

.featured_art_wrapper .featured_art_carousel .owl-item .featured-wrapper {
  /*position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
}

.featured_art_wrapper .featured_art_carousel .owl-nav {
  margin-top: 15px;
  float: right;
}

.featured_art_wrapper .featured_art_carousel .owl-nav .owl-next:hover,
.featured_art_wrapper .featured_art_carousel .owl-nav .owl-prev:hover {
  background-color: #fbc630;
}

.featured_art_wrapper .featured_art_carousel .owl-nav .owl-next:hover i,
.featured_art_wrapper .featured_art_carousel .owl-nav .owl-prev:hover i {
  color: #2a2a2a;
}

.featured_art_wrapper .featured_art_carousel .owl-nav i {
  color: #fbc630;
  font-size: 16px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.featured_art_wrapper .featured_art_carousel .owl-nav .owl-next,
.featured_art_wrapper .featured_art_carousel .owl-nav .owl-prev {
  display: inline-block;
  background-color: #000;
  position: relative;
  padding: 5px;
  margin-left: 5px;
  border: 1px solid #fbc630;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.featured_art_wrapper .featured_art_carousel .owl-nav .owl-prev {
  left: 0;
}

.featured_art_wrapper .featured_art_carousel .owl-nav .owl-next {
  right: 0;
}
/** sidenav **/
#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a.cart-button.active {
  color: #fbc630;
  -webkit-text-fill-color: #fbc630;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: transparent;
}

#sidenav .icon-wrapper .sidenav-other-icon > ul > li > a.cart-button.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 1px;
  height: 1px;
  border: 7px solid #fbc630;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

#sidenav .imm-minicart-widget {
  position: absolute;
  width: 300px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  visibility: hidden;
  display: block !important;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
}

#sidenav .imm-minicart-widget.active {
  max-height: 400px;
  visibility: visible;
  opacity: 1;
}

#sidenav .icon-wrapper {
  position: relative;
  z-index: 2;
}

#sidenav .cart-wrapper {
  position: relative;
  z-index: 99999;
}

#sidenav li {
  position: relative;
}

#sidenav li span.fav-count,
#sidenav li.cart-wrapper span.cart-count {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  padding-top: 2px;
  line-height: 20px;
  background-color: #fbc630;
  top: -10px;
  right: -5px;
}

#sidenav .widget_shopping_cart_content {
  position: relative;
  background-color: #fff;
  border: 2px solid #fbc630;
  padding: 5px;
}

#sidenav .widget_shopping_cart_content .woocommerce-mini-cart {
  max-height: 200px;
  overflow-y: scroll;
  border: 1px solid #262626;
  padding: 5px;
}

#sidenav .widget_shopping_cart_content:before {
  content: '';
  position: absolute;
  bottom: 100%;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid #fbc630;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
}

#sidenav .woocommerce-mini-cart-item {
  position: relative;
  border: 1px solid #cecece;
  background-color: transparent;
  margin-bottom: 5px;
  min-height: 70px;
  padding: 10px 10px 10px 75px;
}

#sidenav .woocommerce-mini-cart-item:hover {
  background-color: #f1f1f1;
}

#sidenav .woocommerce-mini-cart-item .quantity {
  display: block;
}

#sidenav .woocommerce-mini-cart-item a:nth-child(2) {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 400;
  color: #fbc630;
}

#sidenav .woocommerce-mini-cart-item a.remove {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  padding-right: 2px;
  text-align: center;
  line-height: 17px;
  font-weight: 400;
  font-size: 28px;
  display: block;
  opacity: 1;
  background-color: red;
  color: #fff !important;
  border-radius: 50%;
}

#sidenav .woocommerce-mini-cart-item a.remove:hover {
  opacity: 0.4;
}

#sidenav .woocommerce-mini-cart-item:before {
  content: '';
}

#sidenav .woocommerce-mini-cart-item img {
  max-height: 50px;
  max-width: 60px;
  width: auto;
  position: absolute;
  left: 5px;
  top: 50%;
  border: 1px solid #262626;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}

#sidenav .woocommerce-mini-cart__total {
  margin-top: 15px;
  margin-bottom: 15px;
}

#sidenav .woocommerce-mini-cart__buttons {
  text-align: center;
  margin-bottom: 0;
}

#sidenav .woocommerce-mini-cart__buttons a {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  padding: 12px 20px 5px;
  text-transform: uppercase;
  font-size: 15px;
  color: #fbc630;
  border: 1px solid #262626;
  background-color: #262626;
  margin-bottom: 5px;
}

#sidenav .woocommerce-mini-cart__buttons a:hover {
  color: #262626;
  background-color: transparent;
}

#sidenav .woocommerce-mini-cart__buttons a:nth-child(3) {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent;
  width: auto;
  padding: 0;
  border: none;
}

.single-product-content .heading {
  margin-top: 40px;
  padding-bottom: 25px;
  text-align: center;
}

.single-product-content .carousel-section {
  padding-top: 40px;
  padding-bottom: 25px;
}

.single-product-content .foundation-section {
  padding-top: 40px;
  padding-bottom: 25px;
}

.single-product-content .heading span.heading-subcontent {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 30px;
}

.single-product-content .art-artist-wrapper {
  max-width: 768px;
  margin: 30px auto;
}

.single-product-content .art-artist-wrapper:after,
.single-product-content .art-artist-wrapper:before {
  display: table;
  clear: both;
  content: '';
}

.single-product-content .art-artist-wrapper > div {
  float: left;
  width: 50%;
}

.single-product-content .art-artist-wrapper .art-artist-content {
  padding-right: 20px;
  padding-left: 20px;
}

.single-product-content .art-artist-wrapper .art-artist-content h2 {
  margin-bottom: 30px;
  text-transform: uppercase;
}

.single-product-content .art-artist-wrapper .art-artist-image {
  position: relative;
  padding: 15px 30px;
}

.single-product-content .art-artist-wrapper .art-artist-image .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
  border: 1px solid #9e9e9e;
}

.single-product-content .art-artist-wrapper .art-artist-image .image-wrapper > img {
  position: absolute;
  top: 50%;
  left: 50%;
  /** transform-50-50 **/
  width: 100%;
  height: auto;
}

.single-product-content .art-artist-wrapper .art-artist-image .image-wrapper > span.signature-wrapper {
  position: absolute;
  bottom: 50px;
  left: 20px;
}

.single-product-content .art-artist-wrapper .art-artist-image .image-wrapper > span.signature-wrapper {
  max-width: 200px;
  max-height: 200px;
}

.artist-carousel-section .ac-heading,
.product-carousel-section .pc-heading {
  text-align: center;
}

.artist-carousel-section .ac-heading .ac-title,
.product-carousel-section .pc-heading .pc-title {
  margin-bottom: 0;
  text-transform: uppercase;
}

.artist-carousel-section .ac-heading .ac-title:after,
.product-carousel-section .pc-heading .pc-title:after {
  display: block;
  width: 200px;
  height: 2px;
  margin: 20px auto auto;
  content: '';
  background-color: #cacaca;
}

.artist-carousel-section .artist-carousel.owl-carousel,
.product-carousel-section .product-carousel.owl-carousel {
  position: relative;
  padding-right: 50px;
  padding-left: 50px;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-next,
.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-prev,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-next,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-prev {
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  z-index: 9;
  top: 50%;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fbc630;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-next.disabled,
.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-next:hover,
.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-prev.disabled,
.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-prev:hover,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-next.disabled,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-next:hover,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-prev.disabled,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-prev:hover {
  opacity: 0.5;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-prev,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-prev {
  left: 5px;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-nav .owl-next,
.product-carousel-section .product-carousel.owl-carousel .owl-nav .owl-next {
  right: 5px;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-stage-outer,
.product-carousel-section .product-carousel.owl-carousel .owl-stage-outer {
  margin-right: -20px;
  margin-left: -20px;
  padding-right: 20px;
  padding-left: 20px;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item,
.product-carousel-section .product-carousel.owl-carousel .owl-item {
  opacity: 0;
  /** transition05s **/
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item.active,
.product-carousel-section .product-carousel.owl-carousel .owl-item.active {
  opacity: 1;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist img,
.product-carousel-section .product-carousel.owl-carousel .item-product img {
  max-width: none !important;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist,
.product-carousel-section .product-carousel.owl-carousel .item-product {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 7px;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
  background-color: #e8e8e8;
  /** transition05s **/
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item:hover,
.product-carousel-section .product-carousel.owl-carousel .owl-item:hover {
  z-index: 2;
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item:hover .item-artist-wrapper,
.product-carousel-section .product-carousel.owl-carousel .owl-item:hover .item-product-wrapper {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}

.product-detail .value h2 {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  margin: 0;
  display: inline-block;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a:after,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a:after {
  font-size: 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: block;
  content: '+';
  opacity: 0;
  /** transition05s **/
  color: #262626;
  /** transform-50-50 **/
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item:hover .item-artist-wrapper a:after,
.product-carousel-section .product-carousel.owl-carousel .owl-item:hover .item-product-wrapper a:after {
  font-size: 100px;
  opacity: 1;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a:before,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a:before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  opacity: 0;
  /** transition05s **/
  background-color: rgba(251, 198, 48, .75);
}

.artist-carousel-section .artist-carousel.owl-carousel .owl-item:hover .item-artist-wrapper a:before,
.product-carousel-section .product-carousel.owl-carousel .owl-item:hover .item-product-wrapper a:before {
  opacity: 1;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper a img,
.product-carousel-section .product-carousel.owl-carousel .item-product-wrapper a img {
  position: absolute;
  top: 50%;
  left: 50%;
  /** transform-50-50 **/
}

.artist-carousel-section .pc-button-wrapper,
.product-carousel-section .pc-button-wrapper {
  text-align: center;
}
/** artist list **/
.artist-list-wrapper .artist-item {
  height: 600px;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

.artist-list-wrapper .artist-item .artist-list-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
}

.artist-list-wrapper .artist-item:nth-child(2n+1) .artist-list-image {
  text-align: left;
}

.artist-list-wrapper .artist-item .artist-list-image > img {
  max-height: 100%;
  height: 100%;
  width: auto;
}

.artist-list-wrapper .artist-item:nth-child(2n+1) .artist-list-image > img {
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1);
}

.artist-list-wrapper .artist-item .signature-image {
  position: absolute;
  width: 250px;
  height: auto;
  right: 20%;
  bottom: 10px;
  z-index: 99;
}

.artist-list-wrapper .artist-item:nth-child(2n+1) .signature-image {
  left: 20%;
  right: auto;
}

.artist-featured-art {
  position: absolute;
  height: 90%;
  top: 50%;
  width: 70%;
  left: 0;
  right: auto;
  display: block;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}

.artist-list-wrapper .artist-item:nth-child(2n+1) .artist-featured-art {
  left: auto;
  right: 0;
}

.artist-list-wrapper .artist-item .art-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.artist-list-wrapper .artist-item .art-wrapper .art-image {
  position: absolute;
  width: 76%;
  height: 70%;
  top: 10%;
  overflow: hidden;
  right: 12%;
  background-color: #FFF;
}

.artist-list-wrapper .artist-item .art-overlay {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  -webkit-filter: grayscale(100%) blur(1px);
  filter: grayscale(100%) blur(1px);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.artist-list-wrapper .artist-item .art-wrapper .art-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  /* transform-50-50 */
}

.artist-list-wrapper .artist-item .button-wrapper {
  position: absolute;
  bottom: 7%;
  left: 12%;
}

.artist-list-wrapper .artist-item:nth-child(2n+1) .button-wrapper {
  left: auto;
  right: 12%;
}
/** artist page **/
.single-artist-content {
  overflow-x: hidden;
  width: 100%;
}

.single-artist-header,
.single-page-header {
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}

.artist-quote-wrapper.slider-artist-quote,
.single-artist-header .artist-quote-wrapper,
.single-page-header .page-quote-wrapper {
  position: absolute;
  right: 0;
  width: 350px;
  height: 100%;
  background-color: rgba(38,38,38,.75);
  z-index: 3;
}

.artist-quote-wrapper.slider-artist-quote .logo-wrapper,
.single-artist-header .artist-quote-wrapper .logo-wrapper,
.single-page-header .page-quote-wrapper .logo-wrapper {
  width: 100%;
  margin-top: 20px;
  padding: 30px;
  text-align: center;
}

.artist-quote-wrapper.slider-artist-quote .quote-wrapper,
.single-artist-header .artist-quote-wrapper .quote-wrapper,
.single-page-header .page-quote-wrapper .quote-wrapper {
  position: absolute;
  bottom: 50px;
  padding: 20px 50px;
  text-align: center;
}

.artist-quote-wrapper.slider-artist-quote .quote-wrapper span,
.single-artist-header .artist-quote-wrapper .quote-wrapper span,
.single-page-header .page-quote-wrapper .quote-wrapper span {
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
}

.artist-quote-wrapper.slider-artist-quote span.quote-text,
.single-artist-header .artist-quote-wrapper span.quote-text,
.single-page-header .page-quote-wrapper span.quote-text {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.artist-quote-wrapper.slider-artist-quote span.quote-text:after,
.artist-quote-wrapper.slider-artist-quote span.quote-text:before,
.single-artist-header .artist-quote-wrapper span.quote-text:after,
.single-artist-header .artist-quote-wrapper span.quote-text:before,
.single-page-header .page-quote-wrapper span.quote-text:after,
.single-page-header .page-quote-wrapper span.quote-text:before {
  content: 'ˮ';
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-weight: 400;
}

.single-artist-header .artist-quote-wrapper span.quote-artist {}

.single-artist-content .heading {
  text-align: center;
  margin-top: 90px;
  padding-bottom: 25px;
}

.single-artist-content .heading span.heading-subcontent {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 30px;
  margin-bottom: 20px;
}

.single-artist-content .artist-description {
  margin-bottom: 90px;
}

.single-artist-content .artist-description .artist-photo-wrapper {
  text-align: right;
  position: relative;
}

.single-artist-content .artist-description .artist-photo-wrapper img.single-artist-photo {
  max-width: 100%;
  max-height: 650px;
}

.single-artist-content .artist-description .artist-photo-wrapper .signature-image {
  position: absolute;
  bottom: 160px;
  left: 20px;
}

.single-artist-content .artist-description .artist-photo-wrapper .signature-image img {
  max-height: 150px;
  max-width: 300px;
}

.single-artist-content .artist-description .description-wrapper {
  padding: 60px 20px 50px;
  text-align: right;
}

.single-artist-content .artist-description .description-wrapper span.first-text {
  display: inline-block;
  margin-bottom: 30px;
  line-height: 1.3;
}

.single-artist-content .artist-description .description-wrapper h1 {
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: right;
}

.single-artist-content .artist-description .description-wrapper p {
  line-height: 1.3;
}

.artist-carousel-section .artist-carousel.owl-carousel .item-artist-wrapper {
  border: 1px solid #aeaeae;
}

.single-artist-content .artist-content .textwidget h2 {
  margin-top: 0;
}

.foundation-section {
  padding-top: 20px;
  padding-bottom: 40px;
}

.foundation-section img {
  max-width: 100%;
}

.foundation-section .sfw-heading {
  margin-bottom: 40px;
  text-align: center;
}

.foundation-section .sfw-heading .sfw-title {
  margin-bottom: 10px;
}

.foundation-section .sfw-heading .sfw-subtitle {
  font-size: 20px;
  font-weight: 400;
}

.foundation-section .sfw-content {
  max-width: 768px;
  margin: auto;
}

.foundation-section .sfw-image {
  position: relative;
  background-color: #e8e8e8;
}

.foundation-section .sfw-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.foundation-section {
  margin-bottom: 50px;
}
/**
* Popup Overlay
*/
#popup-overlay {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
}

#popup-overlay .popup-close {
  position: absolute;
  top: 30px;
  right: 60px;
  width: 50px;
  height: 50px;
  transition: -webkit-transform 300ms;
  -webkit-transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  color: #fff;
}

#popup-overlay .popup-close i {
  font-size: 50px;
  width: 100%;
  height: 100%;
}

#popup-overlay .popup-close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-decoration: none;
}
/**
* Fullscreen search form
*/
#popup-overlay .content-wrapper {
  width: 60%;
  margin: 0 auto;
}

#popup-overlay .search-form input[type='text'] {
  font-size: 20px;
  width: 90%;
  padding: 0 10px 10px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  text-align: center;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #333;
  background-color: transparent;
}

#popup-overlay .search-form input[type='text']:focus,
#popup-overlay .search-form button[type='submit']:focus {
  border-bottom-color: #fff;
  outline: 0;
}

#popup-overlay .search-form button[type='submit'] {
  font-size: 20px;
  padding: 15px 0;
  color: #fff;
  border: 0;
  background-color: transparent;
}
/** footer */
footer.footer-ybrg .footer-top {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #262626;
  background-image: url("/wp-content/themes/ybrg-master-theme/assets/images/logo-bg-for-menu.png");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 450px auto;
}

footer.footer-ybrg .footer-top,
footer.footer-ybrg .footer-top a,
footer.footer-ybrg .footer-top p {
  font-weight: 300;
  color: #fff;
}

footer.footer-ybrg .footer-top h4 {
  font-family: 'Raleway';
  font-weight: 400;
  text-transform: uppercase;
  color: #fbc630;
}

footer.footer-ybrg .footer-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #828381;
}

footer.footer-ybrg .footer-bottom p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0;
  color: #fff;
}

footer.footer-ybrg .social-media-icon {
  margin-bottom: 20px;
  list-style: none;
}

footer.footer-ybrg .social-media-icon > li {
  display: inline-block;
}

footer.footer-ybrg .social-media-icon > li > a {
  font-size: 25px;
  line-height: 50px;
  display: block;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  color: #fbc630;
  border: 1px solid #fff;
  background-color: transparent;
}

footer.footer-ybrg .social-media-icon > li > a:hover {
  color: #fff;
  border: 1px solid #fbc630;
  background-color: #fbc630;
}

footer.footer-ybrg .widget_nav_menu ul {
  list-style: none;
}

footer.footer-ybrg .widget_nav_menu ul > li > a {
  font-size: 16px;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
}

footer.footer-ybrg .widget_nav_menu ul > li > a.tapped,
footer.footer-ybrg .widget_nav_menu ul > li > a:hover {
  color: #fbc630 !important;
}

footer.footer-ybrg .footer-top .widget_nav_menu a.tapped {
  color: #fbc630 !important;
}

footer.footer-ybrg .widget_nav_menu ul > li > a:after {
  display: block;
  width: 0;
  height: 1px;
  content: '';
  background-color: #fbc630;
  /** transition05s **/
}

footer.footer-ybrg .widget_nav_menu ul > li > a:hover:after {
  width: 100%;
  background-color: #fbc630;
}
/** woocommmerce cart **/
.woocommerce-cart .shipping th {
  vertical-align: middle !important;
}

.woocommerce-checkout .shipping th {
  padding: 10px 0 !important;
  font-size: 13.5px !important;
  text-align: center !important;
}
/*.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.cart-collaterals {
  background-color: #262626;
  padding: 20px;
  margin-bottom: 20px;
  color: #fff;
}

.cart_item .product-thumbnail img {
  width: 100px !important;
  height: auto !important;
}

.woocommerce table.woocommerce-cart-form__contents {
  margin-bottom: 80px;
}

.woocommerce table.woocommerce-cart-form__contents th {
  font-weight: 400;
}

.woocommerce table.woocommerce-cart-form__contents td,
.woocommerce table.woocommerce-cart-form__contents th {
  border-top: 1px solid #262626 !important;
}

.woocommerce table.woocommerce-cart-form__contents td {
  padding: 15px;
}

.woocommerce table.woocommerce-cart-form__contents .product-no,
.woocommerce table.woocommerce-cart-form__contents .product-thumbnail {
  border-left: 1px solid #262626;
}

.woocommerce table.woocommerce-cart-form__contents td.product-no,
.woocommerce table.woocommerce-cart-form__contents td.product-thumbnail {
  text-align: center;
}

.woocommerce table.woocommerce-cart-form__contents .product-remove,
.woocommerce table.woocommerce-cart-form__contents .product-thumbnail {
  border-right: 1px solid #262626;
}

.woocommerce table.woocommerce-cart-form__contents td.actions {
  border: 1px solid #262626;
}

.woocommerce table.woocommerce-cart-form__contents td.product-name {
  text-transform: uppercase;
  font-weight: 400;
}

.woocommerce table.woocommerce-cart-form__contents td.product-name a {
  font-weight: 400;
}

.woocommerce table.woocommerce-cart-form__contents td.product-remove {
  text-align: center;
}

.woocommerce table.woocommerce-cart-form__contents .button-wrapper {
  float: left;
}

.woocommerce table.woocommerce-cart-form__contents .button-wrapper a {
  margin-top: 0;
}

input.button-yb:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.woocommerce td a.remove {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-weight: 400;
}*/
/** popup **/
.fullpopup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #262626;
  overflow: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

.fullpopup-wrapper.show-up {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.fullpopup-wrapper a.close-popup {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  background-color: #fbc630;
  color: #262626;
  font-size: 25px;
  text-align: center;
  line-height: 43px;
  border: 1px solid #262626;
}

.fullpopup-wrapper a.close-popup:hover {
  background-color: transparent;
  color: #fbc630;
  border: 1px solid #fbc630;
}

.fullpopup-wrapper a.close-popup i:before {
  font-weight: 200;
}

.fullpopup-wrapper .popup-content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.fullpopup-wrapper .popup-content-wrapper {
  text-align: center;
  max-width: 80%;
}

.fullpopup-wrapper .popup-content-wrapper .message {
  margin-bottom: 30px;
}

.fullpopup-wrapper .popup-content-wrapper .message span.text {
  color: #fff;
  font-size: 22px;
}

.fullpopup-wrapper .popup-content-wrapper .button-action ul {
  display: block;
  width: 100%;
  padding-left: 0;
  list-style: none;
}

.fullpopup-wrapper .popup-content-wrapper .button-action ul li {
  display: inline-block;
  margin-bottom: 10px;
}

.fullpopup-wrapper .popup-content-wrapper .button-action ul li a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #fbc630;
  margin-left: 5px;
  margin-right: 5px;
  color: #262626;
  border: 1px solid transparent;
}

.fullpopup-wrapper .popup-content-wrapper .button-action ul li a:hover {
  border: 1px solid #fbc630;
  color: #fbc630;
  background-color: transparent;
}
/** **/
#fullPopUp .login-wrapper h2 {
  text-transform: uppercase;
  margin-bottom: 0;
}

#fullPopUp .login-wrapper form.login {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
}

#fullPopUp .login-wrapper form label {
  color: #fff;
  font-weight: 300;
}

#fullPopUp .login-wrapper form input {
  padding: 10px;
  border: 1px solid #fbc630;
  background-color: #f1f1f1;
  outline: none;
}

#fullPopUp .login-wrapper form .form-row {
  margin-bottom: 0;
}

#fullPopUp .login-wrapper form input[type="submit"] {
  display: block;
  margin-top: 10px;
  padding: 15px 10px;
  text-transform: uppercase;
  width: 100%;
  background-color: #fbc630;
  color: #262626;
  border-radius: 0;
}

#fullPopUp .login-wrapper a:hover {
  color: #fff;
}

#fullPopUp .login-wrapper .oneall_social_login {
  background-color: #fff;
  padding: 10px;
}
/** profile **/
/* Change WC Acct Page Column Widths */
.my-account-wrapper .profile-detail {
  margin-top: 30px;
  margin-bottom: 90px;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: 20px;
  background-color: #efefef;
  padding-left: 30px;
  padding-right: 30px;
  min-height: 340px;
  border: 1px solid #cecece;
}
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width: 200px;
  font-size: 17px;
  line-height: 26px;
}

nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: #262626;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  position: relative;
  height: 40px;
}

nav.woocommerce-MyAccount-navigation ul li a {
  color: #fbc630;
  display: block;
  font-weight: 400;
  line-height: 25px;
}

nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: #fbc630;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #262626;
  cursor: default;
}

nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid #fbc630;
  border-bottom: 20px solid transparent;
  right: -14px;
  top: 0;
}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0,0,0,0.7);
}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.07);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container h3 {
  display: none;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container #wpua-thumbnail-existing {
  display: none;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container {
  position: relative;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container:after,
.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container:before,
.my-account-wrapper .profile-detail p.submit:after,
.my-account-wrapper .profile-detail p.submit:before {
  content: '';
  display: table;
  clear: both;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container #wpua-add-button-existing {
  position: absolute;
  left: 120px;
  top: 10px;
}

.my-account-wrapper .profile-detail .photo-profile-edit .wpua-edit-container #wpua-undo-button-existing {
  position: absolute;
  left: 120px;
  top: 60px;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content h3 {
  font-size: 25px;
  font-family: 'Josefin Sans', Arial;
  color: #333;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 20px;
}

.photo-profile-edit {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content .edit-account-wrapper label {
  font-weight: 300;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content .edit-account-wrapper fieldset {
  margin-top: 30px;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content .edit-account-wrapper fieldset legend {
  border-bottom: none;
  margin-bottom: 5px;
}

.my-account-wrapper .profile-detail button,
.my-account-wrapper .profile-detail input[type="submit"] {
  font-weight: 300;
  background-color: #262626;
  border-radius: 0;
  font-weight: 400;
  font-size: 15px;
  color: #fbc630;
  border: 1px solid transparent;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

.my-account-wrapper .profile-detail button:hover,
.my-account-wrapper .profile-detail input[type="submit"]:hover {
  background-color: transparent;
  border: 1px solid #262626;
  color: #262626;
}

.my-account-wrapper .profile-detail input[type="submit"] {
  float: right;
}

.woocommerce .my-account-wrapper .profile-detail form .form-row label {
  line-height: 1.3;
}

.woocommerce .my-account-wrapper .profile-detail form .form-row input {
  padding: 10px;
}

.woocommerce-notice.woocommerce-notice--success {
  display: block;
  background-color: #262626;
  color: #fbc630;
  padding: 20px;
  font-size: 20px;
  margin-bottom: 20px;
}

.woocommerce-order-overview.order_details {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
}

body .woocommerce table.shop_table.order_details {
  border: none !important;
}

.woocommerce table.shop_table.order_details th {
  border: none;
  text-align: left;
  text-transform: uppercase;
}

.woocommerce table.shop_table.order_details thead th {
  border-bottom: 3px solid #fbc630;
}

.woocommerce table.shop_table.order_details td {
  border: none;
}

.woocommerce table.shop_table.order_details tbody td {
  border-bottom: 1px solid #fbc630;
}

.woocommerce table.shop_table.order_details tbody tr:last-child td {
  border-bottom: 3px solid #fbc630;
}

.woocommerce table.shop_table.order_details tfoot td,
.woocommerce table.shop_table.order_details tfoot th {
  border-bottom: 1px dotted #fbc630;
}

.woocommerce table.shop_table.order_details tfoot th {}

.woocommerce table.shop_table.order_details tfoot td,
.woocommerce table.shop_table.order_details tfoot th {}

.woocommerce .woocommerce-customer-details address {
  border: 1px solid #fbc630;
  padding: 10px;
}

#wpua-images-existing .description {
  display: inline-block;
  margin-top: 5px;
}

.contact-us-wrapper,
.customize-wrapper {
  text-align: left;
}

.contact-us-wrapper label,
.customize-wrapper label {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  color: #fbc630;
}

.contact-us-wrapper label {
  color: #262626;
}

.contact-us-wrapper input,
.customize-wrapper input {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 0;
  outline: none;
  margin-bottom: 10px;
}

.customize-wrapper input[type="submit"],
.contact-us-wrapper input[type="submit"] {
  display: inline-block;
  padding: 10px;
  background-color: #262626;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fbc630;
  border: 1px solid transparent;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}

.customize-wrapper input[type="submit"]:hover,
.contact-us-wrapper input[type="submit"]:hover {
  background-color: transparent;
  color: #262626;
  border: 1px solid #262626;
}

.contact-us-wrapper textarea,
.customize-wrapper textarea {
  height: 150px;
  max-width: 100%;
  padding: 10px;
  outline: none;
}

.contact-us-wrapper .wpcf7-recaptcha,
.customize-wrapper .wpcf7-recaptcha {
  margin-bottom: 15px;
}

.customize-commisition.button-wrapper a {
  font-weight: 500;
  display: inline-block;
  height: 50px;
  text-transform: uppercase;
  color: #262626;
  border: 1px solid #fbc630;
  background-color: #fbc630;
  margin-top: 50px;
  font-size: 12px;
  line-height: 17px;
  padding-top: 8px;
  width: 350px;
}

.customize-commisition.button-wrapper a:hover {
  background: #333;
  color: #fbc630;
  border: 1px solid #333;
}

.shop-four-grid img.whybuy-icon {
  height: 60px;
}
/** cart & checkout page **/
.use-billing-address-checkout {
  height: 52px;
  line-height: 30px;
}

.shipping span.woocommerce-Price-amount.amount {
  display: block;
  font-size: 1.6rem;
  margin-top: 5px;
}

.wooCommerce-checkout .shipping td {
  font-size: 12px !important;
}

span.shipping-price {
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #262626;
  font-weight: 400;
}

.woocommerce table.woocommerce-cart-form__contents td.product-subtotal {
  text-align: center;
  font-weight: bold;
}

.woocommerce table.woocommerce-cart-form__contents th.product-subtotal {
  text-align: right;
}

#content .single-product-header .content-product-wrapper .content-product .button-wrapper a.button-large.button-custom-order {
  padding-left: 5px;
  padding-right: 5px;
  height: auto;
  padding-bottom: 5px;
  padding-top: 8px;
}

footer #text-2 .textwidget a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.contact-us-wrapper input,
.customize-wrapper input {}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 0;
  outline: none;
  margin-bottom: 10px;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  font-size: 18px;
  color: #262626;
  line-height: 1.2;
  font-weight: 300;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px;
  margin: auto;
}
/* Woocommerce Styles */
a.woocommerce-remove-coupon {
  display: inline-block;
  padding: 5px;
  background-color: #262626;
  color: #fbc630 !important;
  font-size: 13px;
  text-transform: uppercase;
}

.woocommerce .cart_item td.product-remove {
  text-align: center;
}

.woocommerce td a.remove {
  display: inline-block;
  font-family: "Raleway",Arial;
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  font-weight: 400;
  color: #262626 !important;
}

.woocommerce td a.remove:hover {
  background-color: #262626;
  color: #fbc630 !important;
}

.woocommerce-message {
  display: none;
}

.woocommerce-cart.full-width-content .content,
.woocommerce-checkout.full-width-content .content {
  max-width: 100%;
}

.woocommerce-cart .woocommerce table.shop_table td.actions {
  border-top: 1px solid #cecece;
  background: #f7f7f7;
  border-bottom: 0 solid #cecece;
}

.woocommerce-cart .entry-content form {
  width: 60%;
  float: left;
}

.woocommerce-cart .woocommerce .cart-collaterals {
  width: 40%;
  float: right;
}

.woocommerce-cart .woocommerce .cart-collaterals h2 {
  display: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
  width: 100%;
}

#add_payment_method .cart-collaterals .cart_totals tr th,
#add_payment_method table.cart th,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart table.cart th,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.shop_table th {
  color: #fbc630;
  font-size: 14px;
  font-size: 1.4rem;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method table.cart td,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart table.cart td,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.shop_table td {
  color: #555;
  font-size: 16px;
  font-size: 1.6rem;
}

.woocommerce-cart .woocommerce table.shop_table th {
  border-bottom: 2px solid #fbc630;
  text-transform: uppercase;
}

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
  border: 1px solid #cecece;
  margin: 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #cecece;
}

.cart-collaterals table.shop_table {
  margin-bottom: 0 !important;
}

body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input {
  width: auto;
  margin: -2px 0.5em 0 0;
}

body .woocommerce form .form-row .input-checkbox {
  width: auto;
  margin: -2px 5px 0 0;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: none;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  text-align: right;
  padding: 10px 20px;
}

body #add_payment_method table.cart td,
body #add_payment_method table.cart th,
body.woocommerce-cart table.cart td,
body.woocommerce-cart table.cart th,
body.woocommerce-checkout table.cart td,
body.woocommerce-checkout table.cart th {
  border-right: 1px solid #cecece;
}

#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th {}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  border-bottom: 1px solid #cecece;
}

body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
  background: #262626 !important;
  color: #fbc630;
  font-weight: 500;
}

.shop-four-grid h4 {
  font-size: 22px;
}

body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
  background: #fbc630 !important;
  opacity: 1;
}

body .woocommerce #respond input#submit,
body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button {
  background: #262626 !important;
  color: #fbc630;
  font-weight: 500;
  border-radius: 0;
  border: 1px solid #262626;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

body .woocommerce #respond input#submit:hover,
body .woocommerce .cart .button:hover,
body .woocommerce .cart input.button:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover {
  background: transparent !important;
  color: #262626;
}

.woocommerce-page #payment #place_order,
body .woocommerce #payment #place_order {
  float: right;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.25em;
  padding: 1em;
  border-radius: 0;
  margin-top: 0.5em;
  border-color: 1px solid #262626;
}

.woocommerce-page #payment #place_order:hover,
body .woocommerce #payment #place_order:hover {
  background-color: transparent !important;
  color: #262626;
}

body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last {
  width: 49%;
}

body .woocommerce #respond input#submit.disabled,
body .woocommerce #respond input#submit:disabled,
body .woocommerce #respond input#submit:disabled[disabled],
body .woocommerce a.button.disabled,
body .woocommerce a.button:disabled,
body .woocommerce a.button:disabled[disabled],
body .woocommerce button.button.disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled],
body .woocommerce input.button.disabled,
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled] {
  background: #ccc;
}

body .woocommerce a.checkout-button.button.alt {
  border-radius: 40px;
}

body .woocommerce #content table.cart td.actions .coupon,
body .woocommerce table.cart td.actions .coupon {
  width: 68%;
}

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 8px 6px 7px;
  width: 65% !important;
}

body .woocommerce table.shop_table td {
  padding: 15px;
}

body .woocommerce-checkout table.shop_table td {
  text-align: right;
  border-right: 1px solid #cecece;
  border-top: 0;
}

.woocommerce a.remove {
  margin: 0 auto;
}

.woocommerce-cart .woocommerce table.shop_table th.product-name,
.woocommerce-cart .woocommerce table.shop_table th.product-remove {
  text-align: left;
}

.woocommerce-cart .woocommerce table.shop_table th.product-price,
.woocommerce-cart .woocommerce table.shop_table th.product-quantity,
.woocommerce-cart .woocommerce table.shop_table th.product-subtotal,
.woocommerce-cart .woocommerce table.shop_table th.product-thumbnail {
  text-align: left;
}

.woocommerce-cart .woocommerce table.shop_table td.product-thumbnail {
  text-align: center;
}

.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal {
  text-align: right;
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  list-style: none;
}

.woocommerce-checkout .woocommerce .col2-set {
  width: 47.8260869565%;
  float: left;
  margin-right: 4.347826087%;
}

.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 {
  margin-bottom: 2em;
  width: 100%;
  float: none;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
  background: #fff;
  width: 47.8260869565%;
  float: right;
  margin-right: 0;
}

.woocommerce-checkout #ship-to-different-address-checkbox {
  width: auto;
  float: right;
  margin-left: 15px;
  margin-top: 10px;
  opacity: 1;
  position: static;
}

.woocommerce-checkout #ship-to-different-address label {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 1em;
  padding: 0;
  text-transform: uppercase;
  color: #000;
}

.woocommerce-checkout .woocommerce form .form-row.create-account label {
  padding-top: 2px;
  font-weight: bold;
}

.woocommerce-checkout .payment-fixed {
  position: fixed;
  z-index: 9;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 2em;
  box-shadow: rgba(0, 0, 0, 0.2) 0 6px 2em;
  left: 52%;
  margin-left: 0;
  padding: 20px;
  top: 0;
  width: 45.5% !important;
  -webkit-transition: padding 0.1s ease-in;
  -o-transition: padding 0.1s ease-in;
  transition: padding 0.1s ease-in;
}

.product-shipping-message {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  border-top: 1px solid #139248;
  border-bottom: 1px solid #139248;
}

body .woocommerce table.shop_table tbody th,
body .woocommerce table.shop_table tfoot td,
body .woocommerce table.shop_table tfoot th {
  border-bottom: none;
}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
  max-width: 100%;
}

body .woocommerce .product-name a {
  color: #262626;
}

#sidenav .logo-wrapper a img {
  max-width: none !important;
}

.woocommerce-form__label {
  text-align: center;
  display: block;
}

.woocommerce form.register div.or-login-with:before,
.woocommerce form.woocommerce-form-login div.or-login-with:before {
  content: '';
  display: block;
  position: absolute;
  width: 80%;
  height: 1px;
  background-color: #ececec;
  opacity: 0.6;
  z-index: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.woocommerce form.register div.or-login-with,
.woocommerce form.woocommerce-form-login div.or-login-with {
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
}

.woocommerce form.register div.or-login-with span,
.woocommerce form.woocommerce-form-login div.or-login-with span {
  position: relative;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px;
  background-color: #262626;
}

.woocommerce form.register div.remember-me,
.woocommerce form.woocommerce-form-login div.remember-me {
  text-align: center;
}

.woocommerce form.register div.remember-me span,
.woocommerce form.woocommerce-form-login div.remember-me span {
  font-size: 16px;
}

.woocommerce form.register .squaredThree,
.woocommerce form.woocommerce-form-login .squaredThree {
  display: inline-block;
  width: 20px;
  position: relative;
  margin: 10px auto;
  cursor: pointer;
}

.woocommerce form.register .squaredThree label,
.woocommerce form.woocommerce-form-login .squaredThree label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  margin-bottom: 0;
  top: 0;
  left: 0;
  background-color: #fff;
}

.woocommerce form.register .squaredThree label:after,
.woocommerce form.woocommerce-form-login .squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  cursor: pointer;
  position: absolute;
  top: 6px;
  left: 5px;
  border: 3px solid #262626;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.woocommerce form.register .squaredThree:hover label:after,
.woocommerce form.woocommerce-form-login .squaredThree:hover label:after {
  opacity: 0.3;
}

.woocommerce form.woocommerce-form-login .squaredThree input[type="checkbox"],
.woocommerce form.register .squaredThree input[type="checkbox"] {
  visibility: visible;
  opacity: 0;
  position: relative;
  cursor: pointer;
  z-index: 2;
  width: 100%;
}

.woocommerce form.woocommerce-form-login .squaredThree input[type="checkbox"]:checked + label:after,
.woocommerce form.register .squaredThree input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.woocommerce form.register .oneall_social_login_label,
.woocommerce form.woocommerce-form-login .oneall_social_login_label {
  display: none;
}

.woocommerce form.register .oneall_social_login,
.woocommerce form.woocommerce-form-login .oneall_social_login {
  width: 100%;
  display: block;
  margin: auto;
  background-color: #fff;
  padding: 10px 20px;
  margin-bottom: 15px;
}

.woocommerce form.register .oneall_social_login_providers iframe,
.woocommerce form.woocommerce-form-login .oneall_social_login_providers iframe {
  width: 100% !important;
}

.woocommerce form.register .woocommerce-LostPassword,
.woocommerce form.woocommerce-form-login .woocommerce-LostPassword {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.woocommerce form.register .woocommerce-LostPassword a:hover,
.woocommerce form.woocommerce-form-login .woocommerce-LostPassword a:hover {
  color: #fff;
}

.woocommerce form.register .woocommerce-LostPassword span.line-full,
.woocommerce form.woocommerce-form-login .woocommerce-LostPassword span.line-full {
  display: block;
  width: 80%;
  margin: 10px auto;
  height: 1px;
  background-color: #ececec;
  opacity: 0.6;
}

.woocommerce form.register,
.woocommerce form.woocommerce-form-login {
  background-color: #262626;
  max-width: 400px;
  margin: 0 auto !important;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 60px !important;
}

body .woocommerce form.woocommerce-form-login input[name="login"],
body .woocommerce form.register input[name="register"] {
  display: block;
  background-color: #fbc630!important;
  width: 100%;
  color: #262626;
  border: 1px solid #fbc630;
  text-transform: uppercase;
  padding-top: 15px;
}

body .woocommerce form.woocommerce-form-login input[name="login"]:hover,
body .woocommerce form.register input[name="register"]:hover {
  background-color: transparent !important;
  color: #fbc630;
}

.woocommerce form.register .form-row label,
.woocommerce form.woocommerce-form-login .form-row label,
.woocommerce-page form.woocommerce-form-login label {
  color: #fff;
}

.woocommerce form.register .form-row.login-button,
.woocommerce form.woocommerce-form-login .form-row.login-button {
  margin-bottom: 0;
}

.woocommerce form.register {
  max-width: 700px;
  display: block;
}

.woocommerce form.register:after,
.woocommerce form.register:before {
  content: '';
  display: table;
  clear: both;
}

.woocommerce form.register .form-row.email-row,
.woocommerce form.register .form-row.password-row {
  width: 100%;
}

.woocommerce form.register .form-row {
  float: left;
  width: 50%;
  display: block;
  padding: 10px;
  position: relative;
}

.woocommerce form.register .form-row-wide {
  clear: none;
}

.woocommerce form.register .form-row.register-row {
  width: 100%;
}

.oneall_social_login {
  width: 100%;
  float: left;
}

.woocommerce form.register input {
  color: #262626;
}

.woocommerce form.register .woocommerce-password-strength.short {
  background-color: #e35b5b;
}

.woocommerce form.register .woocommerce-password-strength.bad {
  background-color: #f78b53;
}

.woocommerce form.register .woocommerce-password-strength.good {
  background-color: #ffc733;
}

.woocommerce form.register .woocommerce-password-strength.strong {
  background-color: #83c373;
}

.woocommerce form.register .form-row .required {
  color: #fff;
}

.woocommerce form.register div.or-login-with {
  width: 100%;
}

.woocommerce form.register .oneall_social_login {}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border: 1px solid #aaa;
}

.woocommerce-orders-table__cell-order-actions a.button {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}

nav.woocommerce-MyAccount-navigation ul li a {
  text-decoration: none !important;
  color: #fbc630;
}

.shipping-information-wrapper {}

.shipping-information-wrapper table.table-shipping {
  width: 100%;
  min-width: 400px;
  overflow-x: scroll;
}

.shipping-information-wrapper table.table-shipping td,
.shipping-information-wrapper table.table-shipping th {
  padding: 10px;
  border: 1px solid #fbc630;
}

.shipping-information-wrapper a.button-view-tracking {
  background-color: #262626;
  padding: 10px;
  display: inline-block;
  margin: 15px auto auto;
  border: 1px solid #262626;
}

.internal-page #main .return-to-shop a {
  color: #fbc630;
  text-decoration: none !important;
}

.internal-page #main .return-to-shop a:hover {
  color: #262626;
}

.shipping-information-wrapper a.button-view-tracking:hover {
  background-color: transparent;
}

.popup-content-wrapper div.wpcf7-response-output {
  color: #fff;
}

.content-404 {
  font-size: 28px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.error404 {
  overflow-y: hidden;
}

.content-404 .text-404 {
  font-size: 150px;
  color: #fff;
  font-weight: 300;
}

.content-404 a {
  display: inline-block;
  background-color: #fbc630;
  padding: 10px 20px;
  color: #262626;
  font-weight: 400;
  margin-top: 20px;
  border: 1px solid #fbc630;
}

.content-404 a:hover {
  background-color: transparent;
  color: #fbc630;
}

#main .woocommerce-cart-form input[name="update_cart"] {
  display: none;
}

.woocommerce-cart .woocommerce .cart-collaterals {
  width: 50%;
}

.woocommerce-cart .woocommerce .cart-collaterals .country-select-wrapper {
  margin-bottom: 20px;
}

.woocommerce-cart .woocommerce .cart-collaterals .country-select-wrapper .select2 {
  margin-top: 10px;
}

body .woocommerce #content table.cart td.actions .coupon,
body .woocommerce table.cart td.actions .coupon {
  width: 100%;
}

#main .cart-collaterals a,
#main .woocommerce-cart-form a {
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  margin-bottom: 90px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  background-color: #262626;
  border: 1px solid #666;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content span {
  color: #fff;
}

.woocommerce-MyAccount-content a:hover {
  color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
  display: block;
}

.woocommerce-info {
  border-top-color: #fbc630;
}

.woocommerce-info::before {
  color: #fbc630;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content .edit-account-wrapper fieldset legend,
.my-account-wrapper .profile-detail .woocommerce-MyAccount-content h2,
.my-account-wrapper .profile-detail .woocommerce-MyAccount-content h3,
.my-account-wrapper .profile-detail .woocommerce-MyAccount-content h4 {
  color: #fbc630;
  margin-top: 15px;
  border-bottom: 1px solid #fbc630;
  padding-bottom: 10px;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content label {
  color: #fff;
}

.my-account-wrapper .profile-detail .woocommerce-MyAccount-content .required {
  font-weight: 300;
  border: none !important;
  text-decoration: none;
}

.my-account-wrapper input,
.my-account-wrapper textarea {
  color: #262626;
}

body .woocommerce .my-account-wrapper input.button {
  background-color: #fbc630 !important;
  color: #262626;
  border: 1px solid #fbc630 !important;
}

body .woocommerce .my-account-wrapper input.button:hover {
  background-color: transparent !important;
  color: #fbc630;
}

#sidenav .woocommerce-mini-cart-item a.remove {
  background-color: #262626;
}

#sidenav .woocommerce-mini-cart-item img {
  border: none;
}

.wishlist-image img {
  height: auto !important;
  width: auto !important;
  max-height: 150px;
}

.cart-collaterals td .woocommerce-Price-amount.amount {
  display: block;
  font-weight: 700;
}

.woocommerce-shipping-calculator {
  display: none;
}

.country-select-wrapper h4 {
  font-weight: 600;
  text-transform: uppercase;
}

.country-select-wrapper h4 {
  font-weight: 600;
  text-transform: uppercase;
}

#ship-to-different-address {
  position: relative;
  width: 100%;
}
/*hide the checkbox*/
#ship-to-different-address .input-checkbox:checked,
#ship-to-different-address .input-checkbox:not(:checked) {
  position: absolute;
  left: -9999px;
}
/*style the label like a button */
#ship-to-different-address .input-checkbox + span {
  font-family: Ariel, sans-serif;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  padding: 8px 15px;
  background-color: #262626;
  color: #fbc630;
  border: 1px solid #262626;
  border-radius: 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
/* style the label/button active state*/
/* (only applied when the checkbox is 'checked' */
#ship-to-different-address .input-checkbox:checked + span,
#ship-to-different-address label:hover .input-checkbox + span {
  background-color: transparent;
  color: #262626;
  border: 1px solid #262626;
}

.woocommerce-page .woocommerce-checkout .notes label {
  font-family: 'Raleway', Arial;
  font-weight: 400;
  color: #fbc630;
  font-size: 24px;
}

.woocommerce-page .woocommerce-checkout .notes textarea {
  height: 200px;
  resize: none;
}

.payment-method-image {
  text-align: center;
  margin-bottom: 10px;
}

.payment-method-image img {
  max-height: 80px;
}

#main .woocommerce-form-login a {
  text-decoration: none !important;
  color: #fbc630;
}

#main .woocommerce-form-login a:hover {
  color: #fff;
}

.button-wrapper.artist-button-bottom {
  vertical-align: middle;
  margin-top: 40px;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-wrapper.artist-button-bottom a {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 20px;
  background-color: #262626;
  width: 450px;
  margin-bottom: 10px;
  margin-left: 10px !important;
  margin-right: 10px !important;
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
  border: 1px solid #262626;
}

.button-wrapper.artist-button-bottom a:hover {
  background-color: transparent;
  color: #262626;
}

.customize-wrapper input[type="submit"] {
  background-color: #fbc630;
  color: #262626;
  border: 1px solid #fbc630;
}

.customize-wrapper input[type="submit"]:hover {
  border: 1px solid #fbc630;
  color: #fbc630;
}

.woocommerce-Address {
  width: 100% !important;
}

.woocommerce-Address a.edit {
  position: absolute;
  display: block;
  padding: 10px 20px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fbc630;
  color: #262626;
  font-weight: 400;
  border: 1px solid #fbc630;
}

.woocommerce-Address .woocommerce-Address-title {
  position: relative;
}

.woocommerce-ResetPassword {
  margin-bottom: 100px;
}

.woocommerce-MyAccount-content .no-wishlist {
  background-color: #262626;
  border: 1px solid grey;
}

.woocommerce-MyAccount-content .no-wishlist p {
  font-weight: 300;
}

.woocommerce-MyAccount-content a.woocommerce-Button {
  margin-left: 10px;
}

span.loader-here {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: transparent;
  width: 50px;
  height: 50px;
  background: none !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

span.loader-here:before {
  content: '';
  display: block;
  border: 3px solid #fbc630;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: immspinRight linear 1.5s infinite;
  animation: immspinRight linear 1.5s infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

span.loader-here:after {
  content: '';
  display: block;
  border: 3px solid #262626;
  border-right: 3px solid #fbc630;
  border-left: 3px solid #fbc630;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  -webkit-animation: immspinRight linear 1.5s infinite;
  animation: immspinRight linear 1.5s infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/** temporary **/
.single-product-header .wrapper-header .content-product-wrapper .content-product {
  height: auto;
  max-height: 100%;
}

.single-product-header {
  background-size: cover !important;
}

.header-large-image .owl-nav {
  display: none;
}

.single-product-header .wrapper-header {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 80%;
}

.magnify-mobile .lens-mobile img {
  max-width: 1400px !important;
}

.mobile-navbar .sidenav-menu-icon button .extra-button {
  display: none;
  position: absolute;
  font-size: 30px;
  line-height: 1;
  left: 50%;
  bottom: -40px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: upDown linear 0.6s infinite;
  animation: upDown linear 0.6s infinite;
}

.home .mobile-navbar .sidenav-menu-icon button .extra-button {
  display: block;
}

.mobile-navbar .sidenav-menu-icon button .extra-button i {
  color: #fff;
}

.mobile-navbar .sidenav-menu-icon button {
  position: relative;
}
@-webkit-keyframes upDown {
  0% {
    bottom: -40px;
  }

  50% {
    bottom: -50px;
  }

  100% {
    bottom: -40px;
  }
}
@keyframes upDown {
  0% {
    bottom: -40px;
  }

  50% {
    bottom: -50px;
  }

  100% {
    bottom: -40px;
  }
}

#sidenav .woocommerce-mini-cart-item {
  padding-right: 20px;
}

.single-product-back {
  float: none;
  position: absolute;
  right: 10px;
  top: -50px;
  color: #262626;
  border: 1px solid #fbc630;
}

.single-product-back:hover {
  color: #fbc630;
  background-color: #262626;
}

.single-product-back span {
  display: none;
}

h3.art-artist-name,
h3.heading-content {
  font-size: 30px;
}

.button-primary {
  margin-bottom: 5px;
}

a.btn-remove-wishlist {
  position: absolute;
  display: inline-block;
  margin-bottom: 0;
  top: 48%;
  right: 20px;
  font-size: 25px;
  line-height: 32px;
  width: 30px;
  height: 30px;
  background-color: #262626;
  color: #fbc630;
  padding: 0;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.btn-remove-wishlist i {
  font-size: inherit;
  width: 100%;
}

body .woocommerce.wishlist-wrapper-2 table.shop_table td.product-remove {
  position: relative;
  padding-right: 55px;
}

body .woocommerce.wishlist-wrapper-2 table.shop_table td {
  border-right: 1px solid #cecece;
}

.wpcf7-response-output {
  text-align: center;
  border-width: 1px !important;
  padding: 10px 0 !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #262626;
  color: #fbc630 !important;
  border-color: #fbc630;
}

.wpcf7-response-output.wpcf7-validation-errors {
  background-color: #fbc630;
  color: #262626;
  border-color: #fbc630;
}

div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
  font: 20px/20px FontAwesome;
  padding-right: 10px;
}

div.wpcf7-mail-sent-ok:before {
  content: '\f00c';
}

div.wpcf7-validation-errors:before {
  content: '\f057';
}

.banner-text-wrapper {
  display: block;
  position: absolute;
  top: 40%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner-text-wrapper span {
  color: #fff;
  font-size: 25px;
}

.banner-text-wrapper span.big {
  font-size: 35px;
  font-weight: 400;
}

.wc-terms-and-conditions .checkbox input[type=checkbox] {
  position: relative;
}

footer img.logo-footer {
  max-width: 100% !important;
  max-height: 85px !important;
}

body #main .woocommerce-info a.button.button-login {
  color: #fbc630 !important;
  text-decoration: none !important;
}

body #main .woocommerce-info a.button.button-login:hover {
  color: #262626 !important;
}

.woocommerce-checkout .oneall_social_login {
  display: none !important;
}
/*.social-sharing-wrapper .dropdown-menu {
  margin-bottom: 0 !Important;
}

.social-sharing-wrapper:hover .dropdown-menu {
  display: block !Important;
}

.single-artist .button-wrapper.artist-button-bottom {
  margin-top: 0;
}*/
.single-artist-content .button-wrapper.artist-button-bottom {
  margin-bottom: 50px;
}
@media (min-width:991px) {
  .featured_art_wrapper > .row.no-side-margin {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

.single-artist-header a.anchor-link,
.single-artist-header a.anchor-link:focus,
.single-artist-header a.anchor-link:visited,
.single-page-header a.anchor-link,
.single-page-header a.anchor-link:focus,
.single-page-header a.anchor-link:visited,
.single-product-header a.anchor-link,
.single-product-header a.anchor-link:focus,
.single-product-header a.anchor-link:visited {
  position: absolute;
  bottom: 0;
  font-size: 40px;
  width: 80px;
  color: #fbc630;
  height: 60px;
  left: 50%;
  text-align: center;
  background-color: rgba(0,0,0,0.3);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.single-artist-header a.anchor-link:hover,
.single-page-header a.anchor-link:hover {
  background-color: rgba(0,0,0,0.7);
  color: #fbc630;
}

.single-product-header a.anchor-link,
.single-product-header a.anchor-link:focus,
.single-product-header a.anchor-link:visited {
  bottom: -60px;
  background-color: transparent;
  height: 50px;
}

body .woocommerce-MyAccount-content .woocommerce .product-name a {
  color: #fbc630;
}

.woocommerce-MyAccount-content .woocommerce table.shop_table td {
  border-top: 1px solid #555;
}

body .woocommerce-MyAccount-content .woocommerce table.shop_table th,
body .woocommerce-MyAccount-content .woocommerce.wishlist-wrapper-2 table.shop_table td {
  border-right: 1px solid #555;
}

body .woocommerce-MyAccount-content .woocommerce table.shop_table th {
  border-bottom: 2px solid #777;
  color: #fff;
  font-weight: 400;
}

body .woocommerce-MyAccount-content .woocommerce table.shop_table td a,
body .woocommerce-MyAccount-content .woocommerce table.shop_table td p {
  font-size: 14px;
}

body .woocommerce-MyAccount-content .woocommerce-cart .woocommerce table.shop_table {
  border: 1px solid #555 !important;
}

body .woocommerce-MyAccount-content .woocommerce table.shop_table img {
  width: 60px;
}

.my-account-wrapper .profile-detail .button-primary {
  font-size: 12px !important;
  padding: 5px !important;
  border: 1px solid #fbc630 !important;
}

.my-account-wrapper .profile-detail .button-primary:hover {
  color: #fbc630;
}

body .my-account-wrapper .profile-detail a.btn-remove-wishlist.button-primary {
  font-size: 25px !important;
  padding: 0 !important;
  color: #262626;
  background-color: #fbc630;
}

body .my-account-wrapper .profile-detail a.btn-remove-wishlist.button-primary:hover {
  background-color: transparent;
  border-color: #fbc630;
  color: #fbc630;
}

.back-button-wrapper {
  float: left;
}

.back-button-wrapper button {
  border: 1px solid #fbc630;
  background-color: #fbc630;
  position: relative;
  color: #262626;
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  padding-right: 50px;
  padding-left: 7px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  outline: none;
}

.back-button-wrapper button span {
  position: absolute;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  font-size: 16px;
  height: 100%;
  line-height: 30px;
  width: 50px;
  background-color: transparent;
  color: #262626;
  font-weight: 400;
  top: 50%;
  right: 0;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.back-button-wrapper button:hover {
  opacity: 0.7;
}

.back-button-wrapper button:hover span {}

.woocommerce-MyAccount-content p mark {
  background-color: #262626;
  color: #fff;
}

body .woocommerce .woocommerce-MyAccount-content .product-name a {
  color: #fff;
  position: relative;
  display: inline-block;
}

body .woocommerce .woocommerce-MyAccount-content .product-name a:after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

body .woocommerce .woocommerce-MyAccount-content .product-name a:hover:after {
  width: 100%;
}

body .woocommerce .woocommerce-MyAccount-content .order_details strong {
  font-weight: 500;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table tbody th,
.woocommerce .woocommerce-MyAccount-content table.shop_table tfoot td,
.woocommerce .woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce .woocommerce-MyAccount-content table.shop_table th {
  font-weight: 500;
}

.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 {
  width: 100%;
  margin-bottom: 30px;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
  line-height: inherit !important;
}

.woocommerce .woocommerce-customer-details address {
  line-height: 1.5;
}

.woocommerce table.shop_table.my_account_orders td {
  border-top: 1px solid #555;
  border-right: 1px solid #555;
}

.woocommerce table.shop_table.my_account_orders {
  border: 1px solid #555;
}

body .woocommerce table.shop_table.my_account_orders th {
  border-right: 1px solid #555;
  border-bottom: 2px solid #555;
  text-align: center;
}

body .woocommerce table.shop_table.my_account_orders .woocommerce-orders-table__cell-order-actions a.button {
  background-color: #fbc630 !important;
  color: #262626;
  margin-bottom: 2px;
  padding-top: 7px;
  padding-bottom: 5px;
  border: 1px solid #fbc630;
}

body .woocommerce table.shop_table.my_account_orders .woocommerce-orders-table__cell-order-actions a.button:hover {
  background-color: #262626 !important;
  color: #fbc630;
}

.product-status.oncart a,
.product-status.onfav a {
  display: inline-block;
}

.product-status.oncart a:hover,
.product-status.onfav a:hover {
  color: inherit;
}

.show-status-wrapper {
  margin-left: 15px;
  margin-right: 15px;
}

.show-status-wrapper span.filter-status {
  font-size: 24px;
  margin-bottom: 20px;
}

.show-status-wrapper {
  background-color: #fbc630;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 20px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.show-status-wrapper .filter-status {
  font-weight: 400;
  font-size: 16px !important;
}

.show-status-wrapper.show {
  opacity: 1;
}
@media (min-width:992px) AND (max-width:1301px) {
  .wrapper-header {
    max-width: none !important;
  }
}

.wrapper-header:after,
.wrapper-header:before {
  content: '';
  display: table;
  clear: both;
}
@media (min-width:992px) AND (max-width:1080px) {
  #content .single-product-header .content-product-wrapper .content-product {
    padding: 25px 15px;
  }
}

body .woocommerce form.login .form-row input.input-text {
  color: #262626 !important;
}

.social-sharing-wrapper:hover .dropdown-menu {
  display: block;
  margin-bottom: 0;
}

.social-sharing-wrapper:hover .dropdown-menu {
  left: auto;
  right: -10px;
}

.page-id-79 .sidenav-other-icon .fav-button,
.woocommerce-account .sidenav-other-icon .user-button,
.woocommerce-cart .sidenav-other-icon .cart-button {
  color: #fbc630 !important;
  -webkit-text-fill-color: #fbc630 !important;
  -webkit-text-stroke-width: 1px !important;
  -webkit-text-stroke-color: transparent !important;
}

.page-id-79 .sidenav-other-icon .fav-button i {
  border: 1px solid #fbc630 !important;
}

body #sidenav .sidenav-other-icon .cart-button.tapped,
body #sidenav .sidenav-other-icon .fav-button.tapped,
body #sidenav .sidenav-other-icon .search-button.tapped,
body #sidenav .sidenav-other-icon .user-button.tapped {
  color: #fbc630 !important;
  -webkit-text-fill-color: #fbc630 !important;
  -webkit-text-stroke-width: 1px !important;
  -webkit-text-stroke-color: transparent !important;
}

body #sidenav .sidenav-other-icon .fav-button.tapped i {
  border: 1px solid #fbc630 !important;
}

.single-artist-header a.anchor-link i,
.single-page-header a.anchor-link i,
.single-product-header a.anchor-link i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.woocommerce-error {
  background-color: #262626;
  color: #fbc630;
  border-top-color: #fbc630;
}

.woocommerce-error:before {
  color: #fbc630;
}
/**
* WooCommerce AJAX Loader
*/
.woocommerce .blockUI.blockOverlay {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%,-50%) !important;
  -ms-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  background: rgba(70,70,70,.9) !important;
}

.woocommerce .blockUI.blockOverlay::after,
.woocommerce .blockUI.blockOverlay::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%)rotate(0deg);
  -ms-transform: translate(-50%,-50%)rotate(0deg);
  transform: translate(-50%,-50%)rotate(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #262626;
  background: none !important;
}

.woocommerce .blockUI.blockOverlay::before {
  -webkit-animation: none;
  animation: none;
  margin-left: 0;
  margin-top: 0;
}

.woocommerce .blockUI.blockOverlay::after {
  width: 60px;
  height: 60px;
  border: 5px solid #262626;
  border-left: 5px solid #fbc630;
  border-right: 5px solid #fbc630;
  -webkit-animation: immspinRight linear 2.5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: immspinRight linear 2.5s infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cart-collaterals a.woocommerce-remove-coupon {
  color: #fbc630 !important;
  display: inline-block;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
  display: block;
  max-width: 100px;
  margin: auto;
}

.cart-collaterals tr.cart-discount td {
  font-size: 16px !important;
}

.cart-collaterals tr.cart-discount td .woocommerce-Price-amount.amount {
  display: inline-block;
  font-weight: 300;
  margin-left: 5px;
}

footer .footer-top .wrapper-container {
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  width: auto;
  max-width: 1224px;
}
@media (max-width:991px) {
  footer .footer-top .wrapper-container {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    max-width: 1224px;
  }

  .archive.category header,
  .single-post article {
    padding-top: 15px !important;
  }

  .blog .page-title-wrapper {
    padding-top: 60px;
  }
}
@media (max-width:767px) {
  .testimonial-carousel .owl-nav {
    position: absolute !important;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }

  .testimonial-carousel .owl-nav .owl-next {
    right: 5px;
  }

  .testimonial-carousel .owl-nav .owl-prev {
    left: 5px;
  }

  .testimonial-carousel .testimonial-item {
    width: 70%;
    margin: 0 auto;
  }
}
@media (max-width:991px) {
  #sidenav .icon-wrapper .sidenav-other-icon a,
  #sidenav .navigation-wrapper > ul > li > a:after,
  #sidenav nav.navigation-wrapper a,
  .footer-ybrg .widget_nav_menu a {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}

.woocommerce table.shop_table.my_account_orders {
  border-radius: 0;
}

.woocommerce-checkout #shipping_country_field {
  margin-bottom: 20px;
}

body .my-account-wrapper .profile-detail button {
  background-color: #fbc630 !important;
  color: #262626;
}

body .my-account-wrapper .profile-detail button:hover {
  border-color: #fbc630;
  color: #fbc630;
}

.single-post .recent-post-wrapper {
  margin-left: 0;
  margin-right: 0;
}

.single-post .addtoany_shortcode {
  margin-top: 30px;
}

a.hide-desktop {
  display: none;
}
@media (max-width:991px) {
  .shop-filter.container {
    margin: auto;
  }

  div.hide-mobile.add-some-stuff-here,
  h3.hide-mobile,
  p.hide-mobile {
    display: none;
  }

  a.hide-desktop {
    display: block;
  }

  .product-collapse-content {
    border: none !important;
  }

  .shop-four-grid .grid-item h4 {
    margin-bottom: 5px;
    margin-top: 10px;
    height: auto;
  }

  .shop-four-grid .grid-item {
    margin-bottom: 50px;
  }

  .shop-section-title {
    margin-bottom: 20px;
  }

  .shop-main-filter {
    border-bottom: none !important;
    margin-bottom: 30px !important;
  }

  .shop-headline {
    padding-bottom: 40px;
  }
}
@media (max-width:450px) {
  .product-collapse-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-device-width: 991px) and (min-device-width: 320px) {
  #sidenav .navigation-wrapper > ul > li > a {
    font-size: 20px !important;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

#content .single-product-header.out-of-stock .image-product-wrapper .header-large-image .item:after,
.product-carousel-section .product-carousel.owl-carousel .out-of-stock .item-product-wrapper:after,
.product-item.out-of-stock .product-image-wrapper:after,
.products .out-of-stock .product-collapse-image-wrapper .just-follow-the-image.centered-this:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  width: 300px;
  max-width: 100%;
  height: 300px;
  max-height: 80%;
  background-image: url("https://www.theyellowbrickroadgallery.com/wp-content/uploads/2017/12/sold-arts.png");
  background-size: 100% auto;
  background-position: bottom right;
  background-repeat: no-repeat;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}

.products .out-of-stock .product-collapse-image-wrapper .just-follow-the-image.centered-this {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.products .out-of-stock .product-collapse-image-wrapper .just-follow-the-image.centered-this:after {}

#content .single-product-header.out-of-stock a.button-add-to-cart,
#content .single-product-header.out-of-stock a.button-add-to-wishlist,
.product-item.out-of-stock a.button-add-to-cart,
.product-item.out-of-stock a.button-add-to-wishlist {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none !Important;
}
/*
.product-collapse-image-wrapper {
  position: relative;
}

.product-image-wrapper {
  overflow: hidden;
}

.products .product-collapse-image-wrapper > a > img {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.products .product-collapse-image-wrapper > a {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.products .product-collapse-image-wrapper > a >span.beforenya {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  background-size: cover;
  background-position: center center;
  opacity: 0.15;
  -webkit-filter:blur(2px);
  filter:blur(2px);
}*/
.woocommerce ul.order_details li {
  float: left;
  width: 50%;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #d3ced2;
  border-right: none;
  padding-right: 0;
  line-height: 1.5;
  margin-right: 0;
}

.woocommerce ul.order_details li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.woocommerce ul.order_details li:after,
.woocommerce ul.order_details li:before {
  content: '';
  display: table;
  clear: both;
}

.woocommerce ul.order_details li strong {
  display: block;
}
@media (max-width:991px) {
  .woocommerce ul.order_details li {
    width: 100%;
  }
}
@media (max-width:991px) {
  #content .single-product-header.out-of-stock .image-product-wrapper .header-large-image .item:after,
  .product-carousel-section .product-carousel.owl-carousel .out-of-stock .item-product-wrapper:after,
  .product-item.out-of-stock .product-image-wrapper:after,
  .products .out-of-stock .product-collapse-image-wrapper .just-follow-the-image.centered-this:after {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
  }
}

.sold-sign-new {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 350px;
  height: 350px;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
  background: none !important;
}

.products .product-collapse-image-wrapper .sold-sign-new img,
.sold-sign-new img {
  position: absolute !important;
  top: auto !important;
  left: auto !Important;
  -webkit-transform: none !Important;
      -ms-transform: none !Important;
          transform: none !Important;
  bottom: 0;
  right: 0;
  width: auto !Important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.image-product-wrapper .sold-sign-new {
  right: 5px;
}

#content .single-product-header.out-of-stock .image-product-wrapper .header-large-image .item:after,
.product-carousel-section .product-carousel.owl-carousel .out-of-stock .item-product-wrapper:after,
.product-item.out-of-stock .product-image-wrapper:after,
.products .out-of-stock .product-collapse-image-wrapper .just-follow-the-image.centered-this:after {
  display: none;
}
@media screen and (max-width:450px) {
  .featured_art_wrapper h2 {
    margin-bottom: 10px;
  }

  .featured-wrapper .product-collapse-image-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .featured-content-wrapper .product-collapse-footer > a.button-primary {
    margin-left: 5px;
    margin-right: 5px;
  }

  .featured_art_wrapper .featured_art_carousel .owl-nav {
    margin-top: 5px !important;
  }
}
.page-id-1653 .single-page-header .page-quote-wrapper{
    background-color: rgba(38,38,38,.45);
}


/* ------------------------------ HAKE ------------------- */
.post-type-archive-product .art-slider {
  display: block !important;
}

.slick-slider.imm-slider .immSlider-slide .immSlider-image:after,
.slick-slider.imm-slider .immSlider-slide .immSlider-image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0,0,0,0.2);
}

.slick-slider.imm-slider .immSlider-slide .immSlider-image:after {
  right: 40%;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(0,0,0,0.65)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(left, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.65) 20%,rgba(0,0,0,0) 100%);
}

.imm-slider .immSlider-progress.slider-progress span.progress {
  background-color: #fbc630 !important;
  opacity: 0.7;
}

.immSlider-content.wrapper-content {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  z-index: 33;
  max-height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}

.immSlider-content.wrapper-content .slider-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.immSlider-content.wrapper-content .slider-content-wrapper > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.slider-content-image {}

.slider-content-image .the-image {
  position: absolute;
  top: 45%;
  right: 20%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}

.slider-content-image .the-image img {
  max-width: 100%;
  max-height: 400px;
  height: auto;
  width: auto;
  margin: auto;
  border: 5px solid rgba(255,255,255,.6);
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
  -webkit-transition: all ease 1s 0.2s;
  -o-transition: all ease 1s 0.2s;
  transition: all ease 1s 0.2s;
  opacity:0;
}

.scroll-to-gallery {
  bottom: 90px;
}

.slider-content-text {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transform: translate(-100%);
  -ms-transform: translate(-100%);
  transform: translate(-100%);
  -webkit-transition: all ease 1s 0.3s;
  -o-transition: all ease 1s 0.3s;
  transition: all ease 1s 0.3s;
  opacity: 0;
}

.slick-slider.imm-slider .immSlider-slide.slick-active .slider-content-image .the-image img {
  -webkit-transform: translatey(0%);
  -ms-transform: translatey(0%);
  transform: translatey(0%);
  opacity:1;
}

.slick-slider.imm-slider .immSlider-slide.slick-active .slider-content-text {
  opacity: 1;
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  transform: translate(0%);
}

.slider-content-text > span {
  display: block;
}

.slider-content-text span {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 300;
  color: #fbc630;
  margin-bottom: 20px;
}

.slider-content-text span.big-text {
  font-size: 50px;
  font-weight: 500;
}

.slider-content-text span.code-text {
  padding: 13px 15px 10px;
  display: inline-block;
  border: 1px solid #fbc630;
  pointer-events: all;
  -webkit-user-select: all;
  /* Chrome 49+ */
  -moz-user-select: all;
  /* Firefox 43+ */
  -ms-user-select: all;
  /* No support yet */
  user-select: all;
}

.imm-slider .immSlider-page {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}

.imm-slider .immSlider-page ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.imm-slider .immSlider-page ul li {
  display: inline-block;
}

.imm-slider .immSlider-page ul li button {
  outline: none !important;
  width: auto;
  margin: 0 3px;
  background-color: transparent;
  border: none !important;
  color: transparent;
  font-size: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.imm-slider .immSlider-page ul li button:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.imm-slider .immSlider-page ul li button:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #fbc630;
  background-color: #fff;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.imm-slider .immSlider-page ul li.slick-active button:before {
  background-color: #fbc630;
}
/* .slider-content-text:after,
.slider-content-text:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-image: url("https://www.theyellowbrickroadgallery.com/wp-content/uploads/2018/01/snowflake.png");
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  opacity: 0.2;
  z-index: -1;
} */

.slider-content-text:after {
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  right: 50px;
  bottom: 40px;
  opacity: 0.4;
}

.slider-content-text:after,
.slider-content-text:before {
  bottom: 50px;
  right: auto;
  left: 60%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}

.slider-content-text:after {
  left: 65%;
}

.slick-slider.imm-slider .immSlider-slide:nth-child(2n+1) .slider-content-text:after {
  bottom: auto;
  right: auto;
  top: -50px;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}

.slick-slider.imm-slider .immSlider-slide:nth-child(2n+1) .slider-content-text:before {
  top: -50px;
  left: 45%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}
.immSlider-content.wrapper-content{
  left:50%;
  right:auto;
  width:100%;
  max-width:991px;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
}
.imm-slider .immSlider-image {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}
@media (max-width:991px) {
  .immSlider-content.wrapper-content {
    top: 0;
    bottom: 0;
    height: auto;
    max-height: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    right: 0;
  }

  .immSlider-content.wrapper-content .slider-content-wrapper {
    display: block;
    -webkit-flex-wrap: unset;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
  }

  .immSlider-content.wrapper-content .slider-content-wrapper > div {
    max-width: 100%;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  .slider-content-image {
    position: absolute;
    top: 100px;
    width:90%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
  }

  .slider-content-image .the-image {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .slider-content-image .the-image img {
    max-height: 200px;
  }

  .slider-content-image {}

  .slider-content-text {
    position: absolute;
    bottom: 100px;
  }

  .slider-content-text span {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 300;
  }

  .slider-content-text span.big-text {
    font-size: 25px;
  }
  .art-slider .scroll-to-gallery{
    bottom:65px !important;
  }
}
/* @media (max-width:990px){
	.slider-content-image .the-image img {
    	display: none !important;
  	}
} */
@media (max-width:374px) {
  .slider-content-image .the-image img {
    max-height: 100px;
  }

  .slider-content-text {
    position: absolute;
    bottom: 100px;
  }

  .slider-content-text span {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .slider-content-text span.big-text {
    font-size: 20px;
  }
}

.slider-content-image{
  z-index:11;
}
@media (min-height:550px) AND (max-width:991px){
  .slider-content-image{
    top:100px;
  }
  .slider-content-image .the-image img{
    max-height:250px;
  }
}
@media (max-height:550px){
  .slider-content-image .the-image img{
    max-height:150px;
  }
}
@media (max-height:450px){
  .slider-content-image .the-image img{
    max-height:150px;
  }
  .slider-content-image{
    z-index:11;
  }
}
@media (max-width:375px){

  .slider-content-image .the-image img{
    max-height:150px;
  }
  .slider-content-text span{
    font-size:14px;
    margin-bottom:5px;
  }
  .slider-content-text span.big-text{
    font-size:16px;
  }
  .slider-content-text span.code-text{
    padding:5px 10px;
    padding-top:8px;

  }
}
/* ------------------------------ HAKE ------------------- */
body #pum-2860{
  background-color:rgba(0,0,0,.7);
}
body #pum-2860 #popmake-2860{
  background-color:#262626;
  border-radius:20px;
  text-align:center;
}
body #pum-2860 #popmake-2860 .free-shipping-popup{
  text-align:center;
  padding:15px;
  padding-top:20px;
  position:relative;
}
body #pum-2860 #popmake-2860 .free-shipping-popup br{
  display:none;
}
body #pum-2860 #popmake-2860 .free-shipping-popup span{
  display:block;
      font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fbc630;
    margin-bottom: 10px;
}
body #pum-2860 #popmake-2860 .free-shipping-popup span.big-text{
 font-size: 25px;
    font-weight: 500;
}
body #pum-2860 #popmake-2860 .free-shipping-popup span.code-text {
    padding: 13px 15px 10px;
    display: inline-block;
    border: 1px solid #fbc630;
    pointer-events: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}
body .pum-theme-2854 .pum-content + .pum-close,body .pum-theme-default-theme .pum-content+.pum-close, body .pum-theme-2854  .pum-close,body .pum-theme-default-theme .pum-close{
  font-size:0;
  background-color:transparent;
  top:5px;
  right:5px;
}
body #pum-2860 #popmake-2860{
}
body #pum-2860 #popmake-2860 .pum-close{
  position:absolute;
  top:5px !important;
  right:5px !important;
  min-width: unset;
  min-height: unset;
}
body .pum-theme-2854 .pum-content + .pum-close:before, .pum-theme-default-theme .pum-content+.pum-close:before{
  content:"\f00d";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  font-size:25px;
  color: #fbc630;
}
body .pum-theme-2854 .pum-content + .pum-close:hover, .pum-theme-default-theme .pum-content+.pum-close:hover{
  opacity:.6;
}

/* body #pum-2860 #popmake-2860 .free-shipping-popup:after,body #pum-2860 #popmake-2860 .free-shipping-popup:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-image: url("https://www.theyellowbrickroadgallery.com/wp-content/uploads/2018/01/snowflake.png");
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0.2;
    z-index: -1
} */

body #pum-2860 #popmake-2860 .free-shipping-popup:after {
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 50px;
    bottom: 40px;
    opacity: 0.4
}

body #pum-2860 #popmake-2860 .free-shipping-popup:after,body #pum-2860 #popmake-2860 .free-shipping-popup:before {
    bottom: -40px;
    right: auto;
    left: 90%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

body #pum-2860 #popmake-2860 .free-shipping-popup:after {
    left: 95%
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{
  padding-right: 0px !important;
}
