.site-loader,
a,
button {
  opacity: 1;
  transition: 0.2s ease-in-out;
}
.dl-list,
.dl-wrapper {
  padding: 0 80rem;
}
.homepage:not(.editable-html) .about-area .section-title,
html:not(.editable-html) .full-height-banner-area .txt-area .page-title,
html:not(.editable-html) .full-height-banner-area .txt-area .title,
html:not(.editable-html) .static-banner-area .txt-area .page-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gallery-page .gallery-area .txt-area .description,
.site-loader,
a,
button {
  transition: 0.2s ease-in-out;
}
@font-face {
  font-family: CormorantGaramond-Bold;
  src: url('../fonts/CormorantGaramond-Bold.ttf');
}
@font-face {
  font-family: CormorantGaramond-BoldItalic;
  src: url('../fonts/CormorantGaramond-BoldItalic.ttf');
}
@font-face {
  font-family: CormorantGaramond-Italic;
  src: url('../fonts/CormorantGaramond-Italic.ttf');
}
@font-face {
  font-family: CormorantGaramond-Light;
  src: url('../fonts/CormorantGaramond-Light.ttf');
}
@font-face {
  font-family: CormorantGaramond-LightItalic;
  src: url('../fonts/CormorantGaramond-LightItalic.ttf');
}
@font-face {
  font-family: CormorantGaramond-Medium;
  src: url('../fonts/CormorantGaramond-Medium.ttf');
}
@font-face {
  font-family: CormorantGaramond-MediumItalic;
  src: url('../fonts/CormorantGaramond-MediumItalic.ttf');
}
@font-face {
  font-family: CormorantGaramond-Regular;
  src: url('../fonts/CormorantGaramond-Regular.ttf');
}
@font-face {
  font-family: CormorantGaramond-SemiBold;
  src: url('../fonts/CormorantGaramond-SemiBold.ttf');
}
@font-face {
  font-family: CormorantGaramond-SemiBoldItalic;
  src: url('../fonts/CormorantGaramond-SemiBoldItalic.ttf');
}
.grid .grid-item:not([style]){
  opacity: 0;
}
:root {
  color-scheme: light only;
  --transparent: rgba(255, 255, 255, 0);
  --white: #fff;
  --white50: rgba(255, 255, 255, 0.5);
  --black: #000;
  --light-grey: #d1d1d1;
  --dark-grey: #626262;
  --silver: #c7c7c7;
  --mine-shaft: #222;
  --alto: #d7d7d7;
  --red: #ff0000;
  --ff-300: 'CormorantGaramond-Light';
  --ff-300-italic: 'CormorantGaramond-LightItalic';
  --ff-400: 'CormorantGaramond-Regular';
  --ff-400-italic: 'CormorantGaramond-Italic';
  --ff-500: 'CormorantGaramond-Medium';
  --ff-500-italic: 'CormorantGaramond-MediumItalic';
  --ff-600: 'CormorantGaramond-SemiBold';
  --ff-600-italic: 'CormorantGaramond-SemiBoldItalic';
  --ff-700: 'CormorantGaramond-Bold';
  --ff-700-italic: 'CormorantGaramond-BoldItalic';
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
  font-size: 20rem;
  color: var(--black);
  font-family: var(--ff-400);
  font-weight: 400;
}
.homepage .banner-area .as-dots-container {
  gap: 20px;
  bottom: 66rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 0;
  margin-top: 0;
  z-index: 999;
}
.homepage .banner-area .as-dots-container .as-dot.active {
  background-color: #878787;
}
.homepage .banner-area .as-dots-container .as-dot {
  background-color: #c8c8c8;
  width: 11rem;
  height: 11rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .mobile-img,
.artists-page .artists .artist:hover:not(:first-child):first-child .img-area,
.artists-page .artists .artist:not(:first-child) .img-area,
.artists-page .heading-area,
.contact-page .contact-area .invisible-recaptcha,
.homepage .banner-area .as-dots-container .as-dot::before,
.successMessageContainer label {
  display: none;
}
html {
  font-size: 0.0578704vw;
}
html body.no-overflow {
  overflow: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
button:hover {
  opacity: 0.5;
}
button {
  background: var(--transparent);
  border: 0;
  cursor: pointer;
}
li {
  list-style: none;
}
textarea {
  resize: none;
}
.d-none {
  display: none !important;
}
.zoom-container-wrap .btn-icon {
  fill: var(--white);
}
.successMessageContainer {
  margin-top: 20rem;
}
.successMessageContainer .successMessage {
  color: #000;
  text-align: justify;
  font-family: var(--ff-400);
  font-size: 20rem;
}
.validate-msg {
  order: 1;
  font-size: 12rem;
  color: var(--red);
}
.as-dots-container {
  margin-top: 15rem;
  flex-wrap: wrap;
  gap: 10rem;
}
.as-dots-container .as-dot {
  width: 10rem;
  height: 10rem;
}
.as-dots-container .as-dot::before {
  transform: scale(0);
}
.as-dots-container .as-dot.active::before,
.as-dots-container .as-dot:hover::before {
  transform: scale(1);
}
.site-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  background: var(--white);
}
.site-loader .loader {
  width: 48rem;
  height: 48rem;
  display: inline-block;
  position: relative;
}
.site-loader .loader::after,
.site-loader .loader::before {
  content: '';
  box-sizing: border-box;
  width: 48rem;
  height: 48rem;
  border-radius: 50%;
  border: 2rem solid var(--black);
  position: absolute;
  left: 0;
  top: 0;
  animation: 2s linear infinite animloader;
}
.site-loader .loader::after {
  animation-delay: 1s;
}
.artists-page .artists.in-process,
.inventory-detail-page .inventory-detail-area .img-area .main-img.in-process,
.site-loader.loaded {
  opacity: 0;
}
@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
html:not(.editable-html) .full-height-banner-area .btn-scroll-down {
  display: inline-flex;
  width: 35rem;
  height: 35rem;
  position: absolute;
  z-index: 99;
  bottom: 33rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
html:not(.editable-html) .full-height-banner-area .btn-scroll-down::after {
  content: '';
  display: inline-block;
  width: 22rem;
  height: 22rem;
  border-right: 2rem solid #fff;
  border-bottom: 2rem solid #fff;
  transform: rotate(45deg);
}
.full-height-banner-area {
  position: relative;
}
.full-height-banner-area .img-area {
  display: flex;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}
.dl-list .dl-item .img-area a img,
.full-height-banner-area .img-area a,
.gallery-page .gallery-area .img-area img,
.grid .grid-item .img-area a img,
.homepage .about-area .img-area img,
.search-area .search-inner a img,
.search-area .search-inner button img {
  width: 100%;
}
.full-height-banner-area .img-area img,
.static-banner-area .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-height-banner-area .txt-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20rem;
  text-align: center;
  z-index: 1;
  padding: 0 20rem;
}
.full-height-banner-area .txt-area .page-title {
  color: var(--white);
  font-size: 48rem;
  text-transform: uppercase;
}
.full-height-banner-area .txt-area .title {
  color: var(--white);
  font-family: var(--ff-400-italic);
  font-size: 40rem;
}
.static-banner-area {
  height: 480rem;
  overflow: hidden;
  position: relative;
}
.static-banner-area .img-area {
  height: 100%;
}
.static-banner-area .txt-area {
  position: absolute;
  left: 0;
  bottom: 88rem;
  width: 100%;
  z-index: 1;
  padding: 0 20rem;
}
.static-banner-area .txt-area .page-title {
  text-align: center;
  color: var(--white);
  font-size: 48rem;
  text-transform: uppercase;
}
.dl-list {
  display: flex;
  flex-wrap: wrap;
  gap: 64rem;
  width: 1728rem;
}
.dl-list .dl-item {
  width: 480rem;
}
.dl-list .dl-item .img-area,
.grid .grid-item .img-area {
  margin-bottom: 20rem;
}
.artists-page .artists .artist .img-area,
.artists-page .artists .artist:hover .img-area,
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .map-area,
.dl-list .dl-item .img-area a,
.grid .grid-item .img-area a,
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .item
  img,
.inventory-detail-page .video-pop-up-area .header-area .close-btn,
.inventory-detail-page .video-pop-up-area .header-area .logo {
  display: flex;
}
.dl-list .dl-item .txt-area,
.grid .grid-item .txt-area,
.inventory-detail-page .successMessageContainer .successMessage {
  text-align: center;
}
.dl-list .dl-item .txt-area .artist-name a,
.grid .grid-item .txt-area .artist-name a {
  font-size: 24rem;
}
.dl-list .dl-item .txt-area .date,
.grid .grid-item .txt-area .date {
  margin-top: 10rem;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .buttons
  .contact-btn
  a,
.dl-list .dl-item .txt-area .date a,
.grid .grid-item .txt-area .date a {
  font-size: 20rem;
}
.dl-list .dl-item .txt-area .title,
.grid .grid-item .txt-area .title {
  margin-top: 16rem;
}
.dl-list .dl-item .txt-area .title a,
.grid .grid-item .txt-area .title a {
  font-family: var(--ff-400-italic);
  font-size: 20rem;
}
.grid {
  padding: 0 40rem;
}
.grid .grid-item {
  margin-bottom: 42rem;
}
.search-area {
  display: flex;
  justify-content: flex-end;
}
.search-area .search-inner {
  position: relative;
  margin-bottom: 57.5rem;
  width: 204.5rem;
}
.search-area .search-inner input {
  font-size: 16rem;
  width: 100%;
  border: 0;
  border-bottom: 1rem solid var(--black);
  padding-bottom: 14.5rem;
  padding-right: 20rem;
}
.search-area .search-inner input::placeholder {
  text-transform: uppercase;
  font-size: inherit;
}
.search-area .search-inner a,
.search-area .search-inner button {
  position: absolute;
  right: 1rem;
  top: 4rem;
  display: flex;
  width: 16rem;
  height: 16rem;
}
.homepage .banner-area iframe,
.homepage .banner-area video {
  width: 100%;
  height: calc(100dvh);
  background-color: #000;
}
.homepage .highlight-area {
  padding: 30rem 0;
}
.homepage .highlight-area .section-title {
  text-transform: uppercase;
  text-align: center;
  color: var(--black);
  font-size: 32rem;
  margin-bottom: 30rem;
}
.homepage .about-area {
  padding: 30rem 80rem 78rem;
  display: grid;
  justify-content: space-between;
  grid-template-areas: 'title img' 'description img' 'more img';
  grid-template-columns: 750rem 750rem;
  grid-template-rows: 182rem auto 87rem;
}
.homepage .about-area .section-title {
  grid-area: title;
  font-size: 32rem;
  padding: 0 94rem 0 96rem;
  margin: 118rem 0 0;
}
.homepage .about-area .description {
  grid-area: description;
  padding: 0 94rem 0 96rem;
  text-align: justify;
}
.homepage .about-area .btn-more-area {
  grid-area: more;
  text-align: right;
  padding: 0 94rem 0 96rem;
}
.homepage .about-area .btn-more-area a {
  color: var(--black);
  font-family: var(--ff-700);
  font-size: 16rem;
  padding-bottom: 16rem;
  border-bottom: 1rem solid var(--black);
}
.homepage .about-area .img-area {
  grid-area: img;
}
.gallery-page.editable-html .read-more-area {
  display: block !important;
}
.gallery-page:not(.editable-html) .gallery-area .txt-area .description {
  max-height: 520rem;
  overflow: hidden;
}
.gallery-page .gallery-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 90rem 0 113rem;
}
.gallery-page .gallery-area .img-area,
.gallery-page .gallery-area .txt-area {
  width: 750rem;
}
.gallery-page .gallery-area .txt-area .section-title {
  padding: 0 94rem 0 96rem;
  font-size: 32rem;
  margin-bottom: 25rem;
}
.gallery-page .gallery-area .txt-area .description {
  padding: 0 94rem 0 96rem;
}
.gallery-page .gallery-area .txt-area .description .inner {
  text-align: justify;
  font-size: 20rem;
  line-height: 23.6rem;
}
.gallery-page .gallery-area .txt-area .read-more-area {
  padding: 0 94rem 0 96rem;
  margin-top: 36rem;
  text-align: right;
}
.gallery-page .gallery-area .txt-area .read-more-area .read-more-button {
  text-transform: uppercase;
  font-family: var(--ff-700);
  font-size: 16rem;
  padding-bottom: 16rem;
  border-bottom: 1rem solid var(--black);
}
.gallery-page .gallery-area.long-text {
  align-items: flex-start;
}
.contact-page .contact-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 86rem 125rem 89rem 128rem;
}
.contact-page .contact-area .addresses {
  width: 1023rem;
}
.contact-page .contact-area .addresses .content-contacts {
  display: flex;
  flex-direction: column;
  gap: 89rem;
}
.artist-detail-page .artist-detail-area .artist-detail,
.contact-page .contact-area .addresses .content-contacts .address-item {
  display: flex;
  justify-content: space-between;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .address-content-inner {
  font-size: 20rem;
  line-height: 34rem;
  margin-bottom: 35rem;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .buttons {
  line-height: 34rem;
  margin-bottom: 35rem;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .opening-hours-content-area
  .label {
  display: inline-block;
  font-size: 20rem;
  margin-bottom: 25rem;
  text-transform: uppercase;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .opening-hours-content-area
  .opening-hours-content {
  font-family: var(--ff-300);
  font-size: 20rem;
  line-height: 120%;
}
.contact-page
  .contact-area
  .addresses
  .content-contacts
  .address-item
  .map-area
  iframe {
  border: 0;
  width: 578rem;
  height: 397rem;
  filter: grayscale(1);
}
.contact-page .contact-area .contact {
  width: 318rem;
}
.contact-page .contact-area .contact .input-fields {
  display: flex;
  flex-direction: column;
  gap: 20.5rem;
}
.contact-page .contact-area .contact .input-fields .input-field {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.contact-page .contact-area .contact .input-fields .input-field input,
.contact-page .contact-area .contact .input-fields .input-field textarea {
  width: 100%;
  border: 0;
  border-bottom: 1rem solid var(--silver);
  padding-bottom: 15.5rem;
  font-size: 20rem;
}
.contact-page
  .contact-area
  .contact
  .input-fields
  .input-field
  input::placeholder,
.contact-page
  .contact-area
  .contact
  .input-fields
  .input-field
  textarea::placeholder {
  font-size: inherit;
}
.contact-page .contact-area .contact .input-fields .input-field textarea {
  max-width: 100%;
  min-height: 118rem;
  margin-bottom: 4rem;
}
.contact-page .contact-area .contact .btn-submit {
  color: var(--white);
  text-align: center;
  font-family: var(--ff-700);
  font-size: 16rem;
  text-transform: uppercase;
  width: 100%;
  padding: 10rem;
  background: var(--black);
  margin-top: 24rem;
}
.events-page .event-list {
  padding-bottom: 6rem;
}
.events-page .event-list .list-title {
  text-align: center;
  font-size: 32rem;
  margin: 30rem 0 31rem;
}
.events-page .event-list .dl-list .dl-item .txt-area .title a {
  font-family: var(--ff-400);
  font-size: 24rem;
  margin-bottom: 10rem;
}
.events-page .event-list.past {
  margin-bottom: 106rem;
}
.event-detail-page .event-detail-area {
  margin: 90rem 0 115rem;
}
.event-detail-page .event-detail-area .event-detail-main {
  display: flex;
  justify-content: space-between;
  padding: 0 80rem 0 88rem;
}
.event-detail-page .event-detail-area .event-detail-main .detail-inner {
  display: flex;
  justify-content: space-between;
  width: 1303rem;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .img-area {
  width: 640rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .img-area
  img,
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .img-area
  img {
  display: flex;
  width: 100%;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area {
  width: 561rem;
  margin-top: 40rem;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .title {
  font-size: 32rem;
  margin-bottom: 1rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .dates,
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .date,
.inventory-detail-page .inventory-detail-area .txt-area.top .artist-date {
  font-size: 16rem;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .txt-description-area
  .txt-description {
  margin: 45rem 0 22rem;
  max-height: 234rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .txt-description-area
  .txt-description
  .desc-inner {
  font-size: 20rem;
  line-height: 130%;
  text-align: justify;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .bio-area
  .read-more-area,
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .txt-description-area
  .read-more-area,
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .description-area
  .read-more-area {
  text-align: right;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .detail-inner
  .txt-area
  .txt-description-area
  .read-more-area
  .read-more-button {
  font-family: var(--ff-700);
  font-size: 16rem;
  padding-bottom: 16rem;
  border-bottom: 1rem solid var(--black);
  text-transform: uppercase;
}
.event-detail-page .event-detail-area .event-detail-main .btns-area {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  width: 200rem;
  height: 100%;
}
.event-detail-page
  .event-detail-area
  .event-detail-main
  .btns-area
  .action-btn {
  width: 100%;
  text-align: center;
  font-size: 16rem;
  font-family: var(--ff-700);
  border: 1rem solid var(--black);
  padding: 9rem;
  text-transform: uppercase;
}
.event-detail-page .selected-artworks-area .section-title {
  margin: 102rem 0 30rem;
}
.event-detail-page .virtual-tour-area .section-title {
  margin: 16rem 0 35rem;
}
.event-detail-page .virtual-tour-area iframe {
  border: 0;
  width: 100%;
  height: 790rem;
}
.event-detail-page .section-title {
  font-size: 32rem;
  text-align: center;
  text-transform: uppercase;
}
.inventory-page .inventory-list-area {
  margin: 53rem 0 63rem;
}
.inventory-page .inventory-list-area .art-search,
.inventory-page .inventory-list-area .obj-search {
  padding: 0 65rem;
}
.inventory-page .inventory-list-area .grid .grid-item .img-area {
  margin-bottom: 23rem;
}
.inventory-detail-page .full-height-banner-area .img-area img:first-child {
  transform: scale(1.2);
  filter: blur(10px);
  object-fit: cover;
}
.inventory-detail-page .full-height-banner-area .img-area img:last-child {
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.inventory-detail-page .full-height-banner-area .txt-area {
  top: unset;
  bottom: 120rem;
  height: unset;
  display: unset;
}
.inventory-detail-page .full-height-banner-area::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, var(--black) 100%);
  height: 500rem;
}
.inventory-detail-page .navigation-buttons-area {
  display: flex;
  justify-content: flex-end;
  gap: 30rem;
  margin: 26rem 0 41rem;
}
.inventory-detail-page .navigation-buttons-area .item a {
  color: var(--mine-shaft);
  font-family: var(--ff-700);
  font-size: 16rem;
  text-transform: uppercase;
}
.inventory-detail-page .inventory-detail-area {
  display: grid;
  grid-template-areas: 'img txt-top' 'img txt-bottom';
  grid-template-columns: 810rem 810rem;
  grid-template-rows: auto 1fr;
}
.inventory-detail-page .inventory-detail-area .img-area {
  grid-area: img;
  display: flex;
  justify-content: space-between;
}
.inventory-detail-page .inventory-detail-area .img-area .additional-imgs {
  width: 120rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 640rem;
}
.inventory-detail-page .inventory-detail-area .img-area .additional-imgs .item {
  display: flex;
  position: relative;
  cursor: pointer;
}
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .item
  img:not(.play-btn),
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .item
  video {
  width: 100%;
  height: 120rem;
  object-fit: cover;
}
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .item
  img.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30rem;
}
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .slideshow-buttons {
  display: flex;
  justify-content: space-around;
}
.inventory-detail-page
  .inventory-detail-area
  .img-area
  .additional-imgs
  .slideshow-buttons
  img {
  width: 34rem;
  height: 18rem;
}
.inventory-detail-page .inventory-detail-area .img-area .main-img {
  width: 640rem;
  height: 640rem;
  margin-left: 8rem;
  border: 1rem solid var(--silver);
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.inventory-detail-page .inventory-detail-area .img-area .main-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.inventory-detail-page .inventory-detail-area .img-area .btns {
  display: flex;
  flex-direction: column;
  gap: 19rem;
  height: 100%;
}
.inventory-detail-page .inventory-detail-area .img-area .btns .action-item {
  width: 19rem;
  display: flex;
}
.inventory-detail-page .inventory-detail-area .img-area .btns .action-item img,
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork
  textarea {
  max-width: 100%;
}
.inventory-detail-page .inventory-detail-area .txt-area {
  padding: 0 153rem 0 96rem;
}
.inventory-detail-page .inventory-detail-area .txt-area.top {
  grid-area: txt-top;
  text-align: center;
  padding-top: 10rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .name,
.inventory-detail-page .inventory-detail-area .txt-area.top .artist-name a,
.inventory-detail-page .inventory-detail-area .txt-area.top .artist-name span {
  font-size: 32rem;
  text-transform: uppercase;
}
.inventory-detail-page .inventory-detail-area .txt-area.top .title {
  font-family: var(--ff-400-italic);
  font-size: 32rem;
  margin-top: 16rem;
}
.inventory-detail-page .inventory-detail-area .txt-area.bottom {
  grid-area: txt-bottom;
  padding-top: 5rem;
}
.inventory-detail-page .inventory-detail-area .txt-area.bottom .caption {
  font-size: 20rem;
  text-align: center;
  margin-bottom: 19rem;
  line-height: 29rem;
}
.inventory-detail-page .inventory-detail-area .txt-area.bottom .price-area {
  text-align: center;
  margin-bottom: 24rem;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .price-area
  .price {
  display: inline-block;
  font-family: var(--ff-700);
  font-size: 32rem;
}
.inventory-detail-page .inventory-detail-area .txt-area.bottom .btns-area {
  display: flex;
  justify-content: space-between;
  margin: 0 5rem 26rem 6rem;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .btn-enquire,
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .btn-tel {
  width: 200rem;
  min-height: 40rem;
  display: grid;
  place-items: center;
  font-family: var(--ff-700);
  font-size: 16rem;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  a.btn-tel[href='tel:'] {
  display: none;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .btn-enquire {
  background: var(--black);
  color: var(--white);
  text-transform: uppercase;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .btn-tel {
  background: var(--white);
  color: var(--black);
  border: 1rem solid var(--black);
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
  background: var(--white50);
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area.active,
.inventory-detail-page .video-pop-up-area.active {
  visibility: visible;
  opacity: 1;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner {
  position: relative;
  background: var(--white);
  padding: 40rem 20rem;
  max-height: 60dvh;
  overflow-y: auto;
  max-width: 500rem;
  width: 100%;
  border: 1rem solid var(--black);
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  #btnCloseContactFormForArtwork {
  position: absolute;
  right: 20rem;
  top: 20rem;
  display: flex;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  #btnCloseContactFormForArtwork
  img {
  width: 10rem;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork {
  display: flex;
  flex-direction: column-reverse;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork:not(:last-child) {
  margin-bottom: 30rem;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork
  label {
  font-size: 16rem;
  order: 3;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork
  input,
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  .input-field-for-artwork
  textarea {
  width: 100%;
  font-size: 16rem;
  border: 0;
  border-bottom: 1rem solid var(--black);
  padding-bottom: 10rem;
  order: 2 !important;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .btns-area
  .contact-form-for-artwork-area
  .contact-form-for-artwork-inner
  #btnSubmitContactFormForArtwork {
  background: var(--black);
  color: var(--white);
  width: 200rem;
  min-height: 40rem;
  display: grid;
  place-items: center;
  text-transform: uppercase;
  margin: 50rem auto 0;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .description-area
  .description {
  max-height: 234rem;
  overflow: hidden;
  margin-bottom: 22rem;
  transition: 0.2s ease-in-out;
}
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .description-area
  .description
  .inner {
  text-align: justify;
  font-size: 20rem;
  line-height: 130%;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .bio-area
  .read-more-area
  .read-more-button,
.inventory-detail-page
  .inventory-detail-area
  .txt-area.bottom
  .description-area
  .read-more-area
  .read-more-button {
  font-size: 16rem;
  font-family: var(--ff-700);
  border-bottom: 1rem solid var(--black);
  padding-bottom: 16rem;
  text-transform: uppercase;
}
.inventory-detail-page .also-like-section {
  margin-bottom: 40rem;
}
.inventory-detail-page .also-like-section .section-title {
  font-size: 32rem;
  text-align: center;
  margin: 40rem 0 30rem;
}
.inventory-detail-page .video-pop-up-area {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: var(--black);
}
.inventory-detail-page .video-pop-up-area .header-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rem 40rem;
  background: var(--white);
}
.inventory-detail-page .video-pop-up-area .header-area .logo img {
  display: flex;
  max-width: 172rem;
  max-height: 85rem;
  object-fit: contain;
}
.inventory-detail-page .video-pop-up-area .header-area .close-btn img {
  display: flex;
  width: 24rem;
  height: 24rem;
}
.inventory-detail-page .video-pop-up-area .video-area iframe,
.inventory-detail-page .video-pop-up-area .video-area video {
  width: 100%;
  height: calc(99dvh - var(--video-popup-header-height));
}
.inventory-detail-page .video-pop-up-area .video-area iframe {
  border: 0;
}
.artists-page .artists {
  position: relative;
  padding-right: 681rem;
  margin: 90rem 0 171rem;
  min-height: 470rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: max-content;
  opacity: 1;
  transition: 0.2s ease-in-out;
}
.artists-page .artists .artist {
  width: max-content;
}
.artists-page .artists .artist .img-area .artist-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 470rem;
}
.artist-detail-page .artist-detail-area {
  margin: 90rem 0 100rem;
}
.artist-detail-page .artist-detail-area .artist-detail .artist-detail-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 110rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .img-area {
  width: 640rem;
  display: flex;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area {
  width: 561rem;
  padding-top: 110rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .bio-area
  .bio {
  margin: 45rem 0 23rem;
  max-height: 234rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .artist-detail-inner
  .txt-area
  .bio-area
  .bio
  .inner {
  display: inline-block;
  font-size: 20rem;
  line-height: 130%;
  text-align: justify;
}
.artist-detail-page .artist-detail-area .artist-detail .action-btns-area {
  width: 200rem;
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.artist-detail-page
  .artist-detail-area
  .artist-detail
  .action-btns-area
  .action-btn {
  font-family: var(--ff-700);
  font-size: 16rem;
  text-transform: uppercase;
  width: 100%;
  min-height: 40rem;
  display: grid;
  place-items: center;
  border: 1rem solid var(--black);
}
.artist-detail-page .selected-artworks-area .section-title {
  font-size: 32rem;
  text-transform: uppercase;
  text-align: center;
  margin: 65rem 0 30rem;
}
.artist-detail-page .selected-artworks-area .dl-list {
  gap: 56rem 64rem;
}
.error-page .weapper {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.error-page .page-404 {
  height: calc(100dvh - var(--footer-height));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.error-page .page-404 a {
  font-family: var(--ff-700);
}
@media only screen and (min-width: 767px) {
  .d-md-none {
    visibility: hidden !important;
  }
}
@media only screen and (max-width: 767px) {
  .dl-list,
  .dl-wrapper,
  .event-detail-page .event-detail-area .event-detail-main,
  .grid,
  .inventory-page .inventory-list-area .art-search,
  .inventory-page .inventory-list-area .obj-search {
    padding: 0 20rem;
  }
  html {
    font-size: 1px;
  }
  a:hover {
    opacity: 1;
  }
  .dl-list .dl-item .txt-area,
  .successMessageContainer .successMessage {
    text-align: center;
  }
  .dl-list {
    gap: 30rem;
    width: 100%;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area
    .mobile-img
    img,
  .dl-list .dl-item,
  .dl-list .dl-item .img-area a img,
  .event-detail-page
    .event-detail-area
    .event-detail-main
    .detail-inner
    .img-area,
  .gallery-page .gallery-area .img-area,
  .gallery-page .gallery-area .txt-area {
    width: 100%;
  }
  .contact-page
    .contact-area
    .addresses
    .content-contacts
    .address-item
    .buttons,
  .contact-page
    .contact-area
    .addresses
    .content-contacts
    .address-item
    .opening-hours-content-area
    .label,
  .dl-list .dl-item .img-area {
    margin-bottom: 15rem;
  }
  .dl-list .dl-item .img-area a {
    display: flex;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area
    .name,
  .dl-list .dl-item .txt-area .artist-name a,
  .event-detail-page
    .event-detail-area
    .event-detail-main
    .detail-inner
    .txt-area
    .title,
  .event-detail-page .section-title,
  .events-page .event-list .list-title,
  .full-height-banner-area .txt-area .title,
  .homepage .highlight-area .section-title,
  .inventory-detail-page .also-like-section .section-title,
  .inventory-detail-page
    .inventory-detail-area
    .txt-area.bottom
    .price-area
    .price,
  .inventory-detail-page .inventory-detail-area .txt-area.top .artist-name a,
  .inventory-detail-page .inventory-detail-area .txt-area.top .artist-name span,
  .inventory-detail-page .inventory-detail-area .txt-area.top .title {
    font-size: 24rem;
  }
  .inventory-detail-page .navigation-buttons-area {
    justify-content: space-between;
  }
  .dl-list .dl-item .txt-area .date {
    margin-top: 10rem;
  }
  .dl-list .dl-item .txt-area .date a {
    font-size: 20rem;
  }
  .dl-list .dl-item .txt-area .title {
    margin-top: 16rem;
  }
  .dl-list .dl-item .txt-area .title a {
    font-family: var(--ff-400-italic);
    font-size: 20rem;
  }
  .grid .grid-item {
    margin-bottom: 34rem;
  }
  .artists-page .artists .artist .img-area,
  .grid .grid-item .img-area {
    margin-bottom: 11rem;
  }
  .grid .grid-item .txt-area .artist-name a,
  .grid .grid-item .txt-area .date a {
    line-height: 40rem;
  }
  .full-height-banner-area .txt-area .page-title {
    font-size: 32rem;
  }
  .static-banner-area {
    height: 350rem;
  }
  .static-banner-area .txt-area .page-title {
    font-size: 36rem;
  }
  .search-area {
    justify-content: center;
  }
  .search-area .search-inner {
    margin-bottom: 42rem;
  }
  .homepage .highlight-area {
    padding: 30rem 0 0;
  }
  .homepage .about-area {
    padding: 30rem 20rem;
    grid-template-areas: 'title' 'img' 'description' 'more';
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  .homepage .about-area .section-title {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 24rem;
  }
  .homepage .about-area .img-area {
    display: flex;
    margin: 15rem 0;
  }
  .gallery-page .gallery-area .txt-area .description,
  .gallery-page .gallery-area .txt-area .read-more-area,
  .homepage .about-area .btn-more-area,
  .homepage .about-area .description,
  .inventory-detail-page .inventory-detail-area .txt-area {
    padding: 0;
  }
  .gallery-page:not(.editable-html) .gallery-area .txt-area .description {
    max-height: 410rem;
  }
  .gallery-page .gallery-area {
    flex-direction: column-reverse;
    margin: 40rem 0 50rem;
  }
  .gallery-page .gallery-area .txt-area .section-title {
    padding: 0;
    margin-bottom: 15rem;
    text-align: center;
    font-size: 24rem;
  }
  .contact-page .contact-area {
    padding: 20rem;
  }
  .contact-page .contact-area .addresses .content-contacts {
    gap: 25rem;
  }
  .contact-page .contact-area .addresses .content-contacts .address-item,
  .inventory-detail-page .inventory-detail-area .img-area {
    flex-direction: column;
  }
  .contact-page
    .contact-area
    .addresses
    .content-contacts
    .address-item
    .address-content-inner {
    margin-bottom: 0;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area
    .bio-area
    .bio,
  .contact-page
    .contact-area
    .addresses
    .content-contacts
    .address-item
    .map-area {
    margin-top: 15rem;
  }
  .contact-page
    .contact-area
    .addresses
    .content-contacts
    .address-item
    .map-area
    iframe {
    width: 100%;
    height: 300rem;
  }
  .contact-page .contact-area .contact {
    width: 100%;
    margin-top: 30rem;
  }
  .inventory-page .inventory-list-area {
    margin: 17rem 0 50rem;
  }
  .inventory-detail-page .inventory-detail-area {
    grid-template-areas: 'txt-top' 'img' 'txt-bottom';
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  .inventory-detail-page .inventory-detail-area .img-area .additional-imgs {
    width: 100%;
    height: unset;
    margin: 20rem 0;
  }
  .inventory-detail-page
    .inventory-detail-area
    .img-area
    .additional-imgs
    .item
    img:not(.play-btn) {
    height: unset;
  }
  .artist-detail-page .artist-detail-area .artist-detail .action-btns-area,
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .img-area,
  .event-detail-page .event-detail-area .event-detail-main .btns-area,
  .inventory-detail-page
    .inventory-detail-area
    .img-area
    .additional-imgs
    .slideshow-buttons,
  /* .inventory-detail-page .inventory-detail-area .img-area .btns .btn-print, */
  .inventory-detail-page .inventory-detail-area .img-area .main-img {
    display: none;
  }
  .inventory-detail-page .inventory-detail-area .img-area .btns {
    flex-direction: row;
    justify-content: center;
    height: unset;
  }
  .inventory-detail-page .inventory-detail-area .txt-area.top {
    padding-top: 0;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area
    .dates,
  .inventory-detail-page .inventory-detail-area .txt-area.top .artist-date {
    font-size: 18rem;
  }
  .inventory-detail-page .inventory-detail-area .txt-area.bottom .btns-area {
    flex-direction: column;
    align-items: center;
    gap: 15rem;
  }
  .events-page .event-list.past {
    margin-bottom: 50rem;
  }
  .artist-detail-page .artist-detail-area,
  .event-detail-page .event-detail-area {
    margin: 29rem 0 42rem;
  }
  .event-detail-page .event-detail-area .event-detail-main .detail-inner {
    width: 100%;
    flex-direction: column;
  }
  .event-detail-page
    .event-detail-area
    .event-detail-main
    .detail-inner
    .txt-area {
    width: 100%;
    margin-top: 15rem;
    text-align: center;
  }
  .event-detail-page .selected-artworks-area .section-title {
    margin: 40px 0 30px;
  }
  .artists-page .heading-area {
    display: block;
    margin-top: 17rem;
  }
  .artists-page .heading-area .letters-area {
    display: flex;
    justify-content: center;
    gap: 10rem;
    flex-wrap: wrap;
  }
  .artists-page .heading-area .letters-area .letter {
    font-size: 24rem;
    line-height: 145.833%;
    letter-spacing: 2.4rem;
    text-transform: uppercase;
  }
  .artists-page .heading-area .letters-area .all-btn-area {
    margin: 10rem 0 30rem;
    width: 100%;
    text-align: center;
  }
  .artists-page .artists {
    padding-right: 0;
    margin: 0 0 50rem;
    min-height: unset;
    grid-template-columns: 100%;
    grid-auto-rows: auto;
    gap: 34rem;
  }
  .artists-page .artists .artist {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
  }
  .artists-page .artists .artist .img-area .artist-image {
    position: static;
    width: 100%;
  }
  .artists-page .artists .artist:not(:first-child) .img-area {
    display: block;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area {
    width: 100%;
    padding-top: 0;
    text-align: center;
  }
  .artist-detail-page
    .artist-detail-area
    .artist-detail
    .artist-detail-inner
    .txt-area
    .mobile-img {
    display: flex;
    margin-top: 32rem;
  }
  .artist-detail-page .selected-artworks-area .section-title {
    font-size: 24rem;
    margin: 32rem 0;
  }
}