/* Embed Font */
@font-face {
    font-family: 'Shapiro-Regular';
    src: url('font/Shapiro-Regular.eot');
    src: url('font/Shapiro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-Regular.woff2') format('woff2'),
        url('font/Shapiro-Regular.woff') format('woff'),
        url('font/Shapiro-Regular.ttf') format('truetype'),
        url('font/Shapiro-Regular.svg#Shapiro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Shapiro-Medium';
    src: url('font/Shapiro-Regular.eot');
    src: url('font/Shapiro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-Regular.woff2') format('woff2'),
        url('font/Shapiro-Regular.woff') format('woff'),
        url('font/Shapiro-Regular.ttf') format('truetype'),
        url('font/Shapiro-Regular.svg#Shapiro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Shapiro-Medium';
    src: url('font/Shapiro-Medium.eot');
    src: url('font/Shapiro-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-Medium.woff2') format('woff2'),
        url('font/Shapiro-Medium.woff') format('woff'),
        url('font/Shapiro-Medium.ttf') format('truetype'),
        url('font/Shapiro-Medium.svg#Shapiro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Shapiro-Italic';
    src: url('font/Shapiro-Italic.eot');
    src: url('font/Shapiro-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-Italic.woff2') format('woff2'),
        url('font/Shapiro-Italic.woff') format('woff'),
        url('font/Shapiro-Italic.ttf') format('truetype'),
        url('font/Shapiro-Italic.svg#Shapiro-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Shapiro-MediumItalic';
    src: url('font/Shapiro-Italic.eot');
    src: url('font/Shapiro-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-Italic.woff2') format('woff2'),
        url('font/Shapiro-Italic.woff') format('woff'),
        url('font/Shapiro-Italic.ttf') format('truetype'),
        url('font/Shapiro-Italic.svg#Shapiro-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Shapiro-MediumItalic';
    src: url('font/Shapiro-MediumItalic.eot');
    src: url('font/Shapiro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Shapiro-MediumItalic.woff2') format('woff2'),
        url('font/Shapiro-MediumItalic.woff') format('woff'),
        url('font/Shapiro-MediumItalic.ttf') format('truetype'),
        url('font/Shapiro-MediumItalic.svg#Shapiro-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: 'Shapiro-Regular', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
img {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 500;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}


/* Custom Css */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, .6);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

h1,
.h1 {
    font-family: 'Shapiro-Medium', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.1;
    color: #000;
}

h2,
.h2 {
    font-size: 60px;
    font-weight: 300;
}

h3,
.h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
}

h4,
.h4 {
    font-size: 30px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
}

h5,
.h5 {
    font-size: 17px;
    font-weight: 400;
    color: #000;
}

h6,
.h6 {
    font-family: 'Shapiro-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

h5 em,
.h5 em,
h6 em,
.h6 em {
    font-family: 'Shapiro-MediumItalic', sans-serif;
}

p {
    font-size: 17px;
    line-height: 1.4;
    color: #000;
}

a,
a:hover {
    text-decoration: none;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

a:focus {
    outline: 0;
}


/* Slick Slider css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
}

.slick-slide:focus {
    outline: 0;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow svg {
    display: block;
    margin: auto;
}

.slick-arrow path {
    stroke: #fff;
}

/* .slick-prev,
.slick-next {
    position: absolute;
    bottom: initial;
    top: calc(50% - 11px);
    display: block;
    width: 13px;
    height: 19px;
    padding: 0;
    cursor: pointer;
    border: 1px;
    outline: none;
    border-radius: 0;
    z-index: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    opacity: 1;
}



.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

.slick-disabled,
.slick-disabled:hover,
.slick-disabled:active {
    background-color: transparent;
    opacity: 0;
    cursor: default;
}

.slick-arrow.slick-disabled path {
    stroke: #AD1E56;
} */

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    left: -52px;
    width: 22px;
    height: 18px;
    background: url(../img/prev.png) center no-repeat;
    cursor: pointer;
    transform: translate(0, -50%);
    z-index: 1000;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .8;
    transition: opacity .3s ease-in-out;
}

.slick-next {
    transform: translate(0, -50%) rotate(180deg);
    left: auto;
    right: -52px;
}

.slick-prev,
.slick-next {
    background-image: url(../img/prev.png);
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:active,
.slick-next:active {
    opacity: 1;
}

.slick-disabled,
.slick-disabled:hover,
.slick-disabled:active {
    background-color: transparent;
    opacity: 0;
    cursor: default;
}

.slideCount {
    position: absolute;
    left: 50px;
    bottom: 50px;
    font-family: 'Shapiro-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    letter-spacing: 4px;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slideCount li {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 5px;
    opacity: 0;
}

.slideCount li.slick-active {
    opacity: 1;
    /*background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);*/
}

.slideCount li:only-child {
    opacity: 0;
}

.grayTxt {
    color: #414042;
}

.blueTxt {
    color: #00b5e2;
}

/* Custom css  */
header {
    position: fixed;
    left: 0;
    top: 0;
    /* width: 100%;
    height: 100%; */
    padding: 50px 20px 50px 50px;
    z-index: 100;
    transition: all .5s ease-out;
}

.brandLogo {
    display: block;
    position: relative;
    float: left;
}

.brandLogo img {
    height: 93px;
    transition: all .5s ease-in;
}

/* Menu css start here */
.rightNav {
    max-width: 600px;
    width: 70%;
    height: 100%;
    padding: 50px 30px 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    position: fixed;
    top: 0;
    right: -100px;
    /* right: -100%; */
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .92);
    opacity: 0;
    visibility: hidden;
}

.rightNav.open-menu {
    right: 0;
    opacity: 0.9;
    visibility: visible;
}

.nav,
.nav li,
.navBtm,
.navBtm-item ul,
.navBtm-item li {
    width: 100%;
    float: left;
    list-style: none;
}

.nav li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nav li:first-child {
    margin-top: 0;
    margin-bottom: 25px;
}

.nav li a {
    font-family: 'Shapiro-Medium', sans-serif;
    font-size: 32px;
    line-height: 1.4;
    color: #fff;
}

.nav li.activeNav a {
    font-family: 'Shapiro-MediumItalic', sans-serif;
    text-decoration: underline;
}

.navBtm {
    display: flex;
    flex-wrap: wrap;
}

.navBtm-item {
    width: 50%;
    float: left;
    margin-top: 10px;
}

.nav,
.navBtm-item ul {
    margin: 0;
    padding: 0;
}

.navBtm-item li {
    margin-top: 5px;
    margin-bottom: 0;
}

.navBtm-item li a {
    font-family: 'Shapiro-Medium', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
}

.navToggle {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50px;
    right: 40px;
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99999;
}

.navToggle span {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.navToggle span:nth-child(1) {
    top: 12px;
}

.navToggle span:nth-child(2) {
    top: 25px;
}

.navToggle.open {
    transform: scale(0.8);
}

.navToggle.open span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    background-color: #fff;
}

.navToggle.open span:nth-child(2) {
    top: 20px;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    background-color: #fff;
}

/* Popup css start here */
.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    transition: all .5s cubic-bezier(.25, .74, .22, .99);
    z-index: 200;
}

.popup-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.pp-content {
    max-width: 500px;
    width: 90%;
    height: auto;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pp-head {
    width: 100%;
    float: left;
    padding: 27px 10%;
    position: relative;
}
.pp-head h5 {
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.1;
    color: #000;
}
.pp-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    height: 36px;
    background: #efefef;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pp-close img {
    width: 24px;
    height: 24px;
    float: left;
}
.pp-main {
    width: 100%;
    float: left;
    padding: 0 10% 30px;
    position: relative;
}
.ppRow {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.ppRow input[type="text"],
.ppRow input[type="email"],
.ppRow input[type="submit"],
.ppRow input[type="button"]{
    width: 100%;
    float: left;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    outline: 0;
    padding: 10px 20px;
    margin: 0;
    font-size: 17px;
    color: #000;
    line-height: 1.1;
}
.ppRow input[type="submit"], .ppRow input[type="button"] {
    background-color: #000;
    color: #fff;
}
.pp-thanku {
    width: 100%;
    float: left;
    text-align: center;
    display: none;
}
.c_pp-thanku {
    width: 100%;
    float: left;
    text-align: center;
    display: none;
}
.hide {
    display: none;
}

.ppOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 199;
    background-color: rgba(7, 10, 19, 0.9);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
}



/* main css start here */
main,
section,
.homeSlider {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.container {
    width: calc(100% - 100px);
    height: calc(100% - 255px);
    margin-left: 50px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
}

.container::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.container.container2 {
    height: calc(100% - 200px);
}

.container.container3 {
    height: calc(100% - 220px);
}

.container.container4 {
    height: calc(100% - 200px);
}

.container.fullwidth,
.container.container2.fullwidth,
.container.container3.fullwidth,
.container.container4.fullwidth {
    width: 100%;
    margin-left: 0;
}

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

.bg-gold {
    background-color: #dec57a;
}

.hide {
    display: none;
}


section,
.homeSlider {
    position: relative;
}

.homeSliderItem {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}

.homeSliderImg {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.homeSliderImg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -o-object-fit: cover;
}

/* Artworks css start here */
.artistsArea {
    width: 100%;
    float: left;
}

.artistsGrids {
    width: 100%;
    /* max-width: 1490px; */
    float: left;
    position: relative;
}

.artistsGridItem {
    width: 33.333333%;
    padding: 0 80px 75px 0;
    float: left;
}

.artistsGridItemInner {
    float: left;
    width: 100%;
    color: #414042;
}

.artistsGridItemInner img {
    width: 100%;
    float: left;
}

.artistsGridItemTxt {
    width: 100%;
    float: left;
    margin-top: 12.41px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #414042;
}

.artworksCatList {
    width: 70%;
    max-width: 1070px;
    position: absolute;
    right: 120px;
    top: 50px;
    z-index: 99;
}

.artworksCatList ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.artworksCatList li {
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
    margin-top: 7px;
}

.artworksCatList li a {
    font-size: 17px;
    line-height: 1.4;
    color: #000;
}

.artworksCatListMob {
    display: none;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.artworksCatListMob ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.artworksCatListMob li {
    float: left;
    margin-right: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.artworksCatListMob li a {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
}

.artworksCatList h1 {
    margin-bottom: 25px;
    text-align: right;
}

.artworksCatList h1 a {
    color: #000;
}

.artworkCatArea {
    width: calc(100% - 600px);
    float: left;
}

.artworkCatMedia {
    width: 100%;
    height: calc(100vh - 200px);
    padding: 0 60px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.artworkCatMediaInner {
    max-height: calc(100vh - 200px);
    /*Newly added*/
    display: flex;
    flex-direction: column;
}

.artworkCatMedia img,
.artworkCatMedia video {
    max-width: 100%;
    max-height: calc(100vh - 230px);
    float: left;
    margin-bottom: 15px;
}

.artworkCatMedia h6 {
    font-size: 16px;
    font-family: 'Shapiro-Regular', sans-serif;
    color: #000;
}

.artworkCatMedia h6 em {
    font-family: 'Shapiro-Italic', sans-serif;
}

.rightPopup {
    width: 600px;
    height: 100%;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    z-index: 9999;
    background-color: #0a6784;
}

.rightPopupInner {
    width: 100%;
    height: 100vh;
    padding: 60px 45px 30px 0;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
}

.rightPopupInner::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.rightPopup h1,
.rightPopup p,
.rightPopupLink a {
    color: #fff;
}

.rightPopup h1 {
    margin-bottom: 50px;
}

.rightPopup p {
    margin-bottom: 20px;
}

.rightPopupLink {
    margin-top: 60px;
}

.rightPopupLink a {
    font-family: 'Shapiro-Italic', sans-serif;
    text-decoration: underline;
}

.rightPopupClose {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50px;
    right: 40px;
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99999;
}

.rightPopupClose span {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.rightPopupClose span:nth-child(1) {
    top: 12px;
}

.rightPopupClose span:nth-child(2) {
    top: 25px;
}

.rightPopupClose.open {
    transform: scale(0.8);
}

.rightPopupClose.open span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    background-color: #fff;
}

.rightPopupClose.open span:nth-child(2) {
    top: 20px;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    background-color: #fff;
}

.awSliderArea {
    /* max-width: 1440px; */
    width: 100%;
    padding-left: 90px;
    padding-right: 90px;
    float: left;
    position: relative;
    /* background-color: #b4fff8; */
}

.awSlider,
.awItem,
.awDetail {
    width: 100%;
    float: left;
    position: relative;
}

.awItemLeft {
    width: 54%;
    padding-right: 70px;
    float: left;
    position: relative;
}

.oneCol {
    width: 100%;
    height: calc(100vh - 240px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.twoColItem {
    width: calc(50% - 10px);
    height: calc(50vh - 145px);
    float: left;
}

.oneCol img,
.oneCol video {
    max-width: 100%;
    max-height: calc(100vh - 270px);
    clear: both;
}

.twoCol {
    width: 100%;
    height: calc(100vh - 270px);
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

.twoCol img,
.twoCol video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}
.twoCol img {
    cursor: zoom-in;
}

.twoColLargeImg {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 70px);
    height: calc(100vh - 270px);
    display: none;
}
.twoColLargeImg-item {
    display: none;
}
.twoColLargeImg img {
    width: 100%;
    height: calc(100vh - 270px);
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
}


.oneColImg {
    width: auto;
    float: left;
}

.viewWallLink {
    float: right;
    margin-top: 10px;
}

.viewWallLink a {
    font-family: 'Shapiro-Italic', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
}

.awSlider .slideCount {
    bottom: 35px;
    left: 0;
}

.pagination {
    margin-top: 10px;
    font-size: 17px;
    color: #000;
    float: left;
}

.colBtm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}

.awItemRight {
    width: 46%;
    height: calc(100vh - 270px);
    padding-right: 30px;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
}

.awItemRight::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.awItemRight h1,
.awItemRight p {
    margin-bottom: 25px;
}

.awDetail {
    padding-right: 35%;
    margin-top: 40px;
    margin-bottom: 50px;
}

.awDetail h6 {
    margin-bottom: 10px;
}

.awDetail ul,
.awDetail li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.awDetail li {
    font-size: 16px;
    line-height: 1.2;
    color: #d62c2a;
}

.btn-bordered {
    display: inline-block;
    padding: 6px 7px;
    font-weight: 400;
    font-size: 17px;
    line-height: 1;
    color: #000;
    border: 1px solid #000;
}


/* Study room css start here */
.srSliderArea {
    /* max-width: 1440px; */
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    float: left;
    position: relative;
}

.srItem {
    max-width: 500px;
    position: relative;
}

.srItemInner {
    margin-right: 28px;
}

.srItemImg {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.srItemImg img {
    width: 100%;
    height: 625px;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
}

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

.srItemTxt h6 {
    font-size: 15px;
    font-family: 'Shapiro-Medium', sans-serif;
    color: #000;
    line-height: 1.3;
}

.srItemTxt h6 em {
    font-family: 'Shapiro-MediumItalic', sans-serif;
}

.awDetail.srDetail h6 {
    font-family: 'Shapiro-Medium', sans-serif;
}

/* Exhibitions css start here */
.exbTabHead {
    margin-top: 20px;
    float: right;
}

.exbTabHead a {
    margin-left: 20px;
    font-family: 'Shapiro-Medium', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.1;
    color: #000;
    text-align: right;
}

.exbTabHead a.exbTabHeadActive {
    font-family: 'Shapiro-MediumItalic', sans-serif;
    text-decoration: underline;
}

.exbArea {
    /* max-width: 1440px; */
    width: 100%;
    padding-left: 90px;
    padding-right: 90px;
    float: left;
    position: relative;
}

.exbSlider,
.exbSliderItem,
.exbBtm,
.exbSliderImg {
    width: 100%;
    float: left;
    position: relative;
}

.exbSliderImg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.exbSliderImg img {
    max-width: 100%;
    max-height: calc(100vh - 380px);
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}

.exbPagination {
    font-size: 20px;
    color: #000;
    float: left;
    margin-top: 30px;
}

.exbTitle {
    float: right;
    margin-top: 30px;
}

.exbTitle h3,
.exbTitle h5 {
    display: inline-block;
    margin-left: 7px;
}

.exbCurrentArea {
    width: calc(100% - 600px);
    float: left;
}

.exbCurrentMedia {
    width: 100%;
    height: calc(100vh - 200px);
    padding: 0 40px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.exbCurrentMediaInner {
    max-height: calc(100vh - 200px);
}

.exbCurrentMedia img,
.exbCurrentMedia video {
    max-width: 100%;
    max-height: calc(100vh - 230px);
    float: left;
    margin-bottom: 15px;
}

.exbCurrentMedia h6 {
    font-size: 16px;
    font-family: 'Shapiro-Regular', sans-serif;
    color: #000;
}

.exbCurrentMedia h6 em {
    font-family: 'Shapiro-Italic', sans-serif;
}

.exbPastArea {
    /* max-width: 1440px; */
    width: 100%;
    padding-left: 50px;
    float: left;
    position: relative;
}

.exbPastArea ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.exbPastArea li {
    width: calc(25% - 21px);
    float: left;
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0;
}

.exbPastItem-img {
    width: 100%;
    float: left;
    padding-right: 28px;
    margin-bottom: 15px;
}

.exbPastItem-img img {
    width: 100%;
    /*newly added*/
    height: auto;
    /*height: 560px;*/
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
}
.exbPastArea li h6 {
    padding-right: 28px;
}




/* Media Queries start here */
@media only screen and (max-width: 1700px) {
    .srItem {
        max-width: 450px;
    }
    .srItemImg img {
        height: 530px;
    }
    .exbPastItem-img img {
        height: 500px;
    }

}
@media only screen and (max-width: 1440px) {
    .artworksCatList {
        max-width: 900px;
    }
    .artworksCatList h1 {
        margin-bottom: 15px;
    }
    .srItem {
        max-width: 425px;
    }
    .srItemImg img {
        height: 490px;
    }
    .container.container4 {
        height: calc(100% - 300px);
    }
    .exbPastArea li {
        width: calc(33.333333% - 21px);
    }
    .exbPastItem-img img {
        height: 560px;
    }




}



@media only screen and (max-width: 1400px) {
    .brandLogo img {
        height: 70px;
    }
    h1, .h1 {
        font-size: 30px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 15px;
    }
    .nav li a {
        font-size: 26px;
    }
    .navBtm-item li a {
        font-size: 16px;
    }
    header {
        padding: 30px 20px 30px 30px;
    }
    .artworksCatList {
        top: 30px;
        right: 100px;
    }
    .navToggle,
    .rightPopupClose {
        width: 30px;
        height: 30px;
        top: 30px;
        right: 30px;
    }
    .container {
        width: calc(100% - 60px);
        height: calc(100% - 200px);
        margin-left: 30px;
    }
    p {
        font-size: 16px;
    }
    .container.container2,
    .container.container3,
    .container.container4 {
        height: calc(100% - 150px);
    }


    .artistsGridItem {
        padding: 0 50px 50px 0;
    }
    .artworksCatList li {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .artworksCatList li a,
    .artworkCatMedia h6,
    .awDetail li {
        font-size: 15px;
    }
    .rightPopup h1 {
        margin-bottom: 30px;
    }
    .rightPopupInner {
        padding: 40px 45px 30px 0;
    }
    .artworkCatMedia {
        height: calc(100vh - 150px);
        padding: 0 30px;
    }
    .oneCol,
    .awItemRight {
        height: calc(100vh - 170px);
    }
    .oneCol img, .oneCol video {
        max-height: calc(100vh - 200px);
    }
    .viewWallLink a,
    .pagination {
        font-size: 16px;
    }
    .awItemRight h1, .awItemRight p {
        margin-bottom: 20px;
    }
    .awDetail {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .btn-bordered {
        font-size: 16px;
    }
    .exbTabHead {
        margin-top: 10px;
    }
    .exbTabHead a {
        font-size: 30px;
    }
    .exbPagination {
        font-size: 16px;
    }
    .exbSliderImg img {
        max-height: calc(100vh - 300px);
    }
    .exbPastArea {
        padding-left: 30px;
    }
    .srSliderArea {
        /*padding-left: 30px;*/
        padding-left: 70px;
        padding-right: 30px;
    }
    .srItem {
        max-width: 400px;
    }
    .srItemImg img {
        height: 470px;
    }
    .srItemTxt h6 {
        font-size: 14px;
    }
    .twoCol,
    .twoColLargeImg,
    .twoColLargeImg img {
        height: calc(100vh - 200px);
    }
    .twoColItem {
        height: calc(50vh - 110px);
    }
    .exbPastItem-img img {
        height: 500px;
    }

}


@media only screen and (max-width: 1300px) {}

@media only screen and (max-width: 1200px) {
    .brandLogo img {
        height: 50px;
    }
    h1, .h1,
    .exbTabHead a {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 16px;
    }
    .navToggle, .rightPopupClose {
        top: 27px;
    }
    .nav li a {
        font-size: 18px;
    }
    .navBtm-item li a,
    .artworksCatList li a,
    .slideCount {
        font-size: 14px;
    }
    .slideCount {
        left: 25px;
    }
    .artworksCatList li {
        margin-bottom: 2px;
        margin-top: 2px;
    }
    .artistsGridItem {
        padding: 0 30px 30px 0;
    }
    .exbTitle h3, .exbTitle h5 {
        margin-left: 5px;
    }
    .exbPastItem-img img {
        height: 400px;
    }

}

@media only screen and (max-width: 1000px) {
    .rightNav {
        padding: 100px 30px 30px;
    }
    .navBtm-item li {
        margin-top: 0;
    }
    .awItemLeft,
    .awItemRight {
        margin-bottom: 50px;
        width: 100%;
        padding-right: 0;
    }
    .oneCol, .awItemRight {
        height: auto;
    }
    .twoColLargeImg,
    .artworkCatArea,
    .exbCurrentArea {
        width: 100%;
    }
    .awSliderArea {
        padding-left: 80px;
        padding-right: 80px;
    }
    .rightPopup {
        width: 100%;
        height: auto;
        padding: 0 30px;
        display: inline-block;
        position: relative;
        float: left;
        z-index: 1;
    }
    .rightPopupInner {
        padding: 40px 0 30px 0;
        height: auto;
    }
    .artworkCatMedia {
        height: auto;
        margin-bottom: 50px;
    }
    .rightPopupClose {
        position: absolute;
    }
    .exbArea {
        padding-left: 30px;
        padding-right: 30px;
    }
    .exbCurrentMedia {
        height: auto;
        padding: 0;
        margin-bottom: 50px;
    }
    .exbPastArea {
        padding-left: 30px;
        padding-right: 30px;
    }
    .exbPastArea ul {
        justify-content: space-between;
    }
    .exbPastArea li {
        width: calc(50% - 15px);
        margin: 0 0 50px 0;
    }
    .exbPastItem-img img {
        width: 100%;
    }
    .srItem {
        float: left;
        margin-bottom: 50px;
    }
    .container,
    .container.container2,
    .container.container3,
    .container.container4 {
        height: calc(100% - 130px);
    }
    .artworksCatListMob {
        display: block;
    }
    .artworksCatList ul {
        display: none;
    }
    .artistsGridItem {
        width: 50%;
    }
    .exbPastItem-img {
        padding-right: 0;
    }



}

@media only screen and (max-width: 650px) {
    header {
        padding: 16px;
    }
    .brandLogo img {
        height: 40px;
    }
    .rightNav {
        padding: 100px 23px 30px;
    }
    .navBtm-item li a, .artworksCatList li a, .slideCount {
        font-size: 10px;
    }
    .nav li a {
        font-size: 17px;
    }
    .navToggle, .rightPopupClose {
        top: 5px;
        right: 16px;
        width: 24px;
        height: 24px;
    }
    .navToggle span:nth-child(2) {
        top: 20px;
    }
    .slideCount {
        left: 10px;
        bottom: 30px;
    }
    .pp-head h5 {
        font-size: 24px;
    }
    h1, .h1 {
        font-size: 20px;
    }
    .artworksCatList {
        top: 10px;
        right: 60px;
    }
    .exbTabHead {
        margin-top: 20px;
    }
    .container {
        width: 100%;
        margin-left: 0;
    }
    .container, .container.container2, .container.container3, .container.container4 {
        height: calc(100% - 110px);
    }
    .exbTabHead a {
        margin-left: 10px;
        font-size: 18px;
    }
    .artistsArea, .artworksCatListMob {
        padding: 0 15px;
    }
    .artistsGridItem {
        padding: 0 15px 30px;
    }
    .awSliderArea {
        padding-left: 50px;
        padding-right: 50px;
    }
    .awDetail {
        padding-right: 0;
    }
    .slick-prev {
        left: -40px;
    }
    .slick-next {
        right: -40px;
    }
    .exbPagination {
        font-size: 14px;
    }
    .exbTitle {
        width: calc(100% - 50px);
    }
    .exbCurrentMedia {
        padding: 0 30px;
    }
    .exbPastArea li {
        width: calc(50% - 10px);
    }
    .exbPastItem-img img {
        height: 250px;
    }



}


@media only screen and (max-width: 380px) {
    .navBtm-item li a, .artworksCatList li a, .slideCount {
        font-size: 9px;
    }
    h6, .h6 {
        font-size: 12px;
    }
    .awDetail.srDetail h6 {
        font-size: 15px;
    }
    .exbPastItem-img img {
        height: 200px;
    }

}



.awEnquiry {
    margin-bottom: 15px;
}