/*
    Theme Name: Alcaston Gallery
    Description: Alcaston Gallery Custom Template
    Author: Krafthaus
    Author URI: http://krafthaus.com.au
    Version: 1.1
    */

    @font-face {
            font-family: 'GothamLight';
            src: url('../font/gotham-light-webfont.eot');
            src: url('../font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
                     url('../font/gotham-light-webfont.woff') format('woff'),
                     url('../font/gotham-light-webfont.ttf') format('truetype'),
                     url('../font/gotham-light-webfont.svg#gotham-bold-webfont') format('svg');
            font-weight: normal;
            font-style: normal;
    }
    @font-face {
        font-family: 'gotham_thinregular';
        src: url('../font/ufonts.com_gotham_thin-webfont.eot');
        src: url('../font/ufonts.com_gotham_thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../font/ufonts.com_gotham_thin-webfont.woff') format('woff'),
             url('../font/ufonts.com_gotham_thin-webfont.ttf') format('truetype'),
             url('../font/ufonts.com_gotham_thin-webfont.svg#gotham_thinregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    em {
        font-style: normal;
    }

    
    /*indramdhani : placeholder style*/
    .red{
        color: #ed1c24 !important;
    }
    .green{
        color: #0f0 !important;
    }    
    .clear {  
        clear: both;
    }
    /* default wrapper for all content */

    .box_shadow_grey{
       -moz-box-shadow:    inset 0 0 10px #BBBBBA;
       -webkit-box-shadow: inset 0 0 10px #BBBBBA;
       box-shadow:         inset 0 0 10px #BBBBBA;
    }
    .box_shadow_grey_2{
       -moz-box-shadow:    inset 0 0 100px #EBEBEB;
       -webkit-box-shadow: inset 0 0 100px #EBEBEB;
       box-shadow:         inset 0 0 100px #EBEBEB;
    }
    .box_shadow_grey_3{
       -moz-box-shadow:    inset 0 0 100px #F7F7F7;
       -webkit-box-shadow: inset 0 0 100px #F7F7F7;
       box-shadow:         inset 0 0 100px #F7F7F7;
    }
    .uppercase{
        text-transform: uppercase;
    }
    .lowercase{
        text-transform: lowercase;
    }
    .capitalize {
        text-transform: capitalize;
    }

    .centerwrapper {
        margin-right: auto;
        margin-left: auto;
    }

    .align-center {
        text-align: center !important;
    }
    .align-left {
        text-align: left !important;
    }
    .align-right {
        text-align: right !important;
    }
    .align-justify {
        text-align: justify !important;
    }

    .show-important {
        display: block !important;
    }

    .hide-important {
        display: none !important;
    }

    .float-left {
        float: left;
    }
    .float-right {
        float: right;
    }
    
    .tablewrapper {
        display: table;
        *position: relative;
        height: 100%;
    }

    .middlewrapper {
        display: table-cell !important;
        vertical-align: middle;
        *position: absolute;
        *top: 50%;
        *left: 50%;
    }

    .fullwidth {
        width: 100%;
    }


    .fullheight {
        height: 100%;
    }

    .relative {
        position: relative;
    }

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed;
    }

    .clear {
        clear: both;
    }

    
    .opacity-zero {
        opacity: 0;
    }

    .table {
        display: table;
    }

    .table-cell {
        display: table-cell;
    }
    .inline-block {
        display: inline-block !important;
        vertical-align: middle;
    }    


    /* end of wrapper */
    /**** Isotope Filtering ****/

    a:hover.underline-hover {
        text-decoration: underline !important;
    }

    .isotope-item {
      z-index: 2;
    }

    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }
    .nav {
        margin-bottom: 0;
    }

    /**** Isotope CSS3 transitions ****/

    .isotope,
    .isotope .isotope-item {
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }

    .isotope {
      -webkit-transition-property: height, width;
         -moz-transition-property: height, width;
          -ms-transition-property: height, width;
           -o-transition-property: height, width;
              transition-property: height, width;
    }

    .isotope .isotope-item {

      -webkit-transition-property: right, top, -webkit-transform, opacity;
         -moz-transition-property: right, top, -moz-transform, opacity;
          -ms-transition-property: right, top, -ms-transform, opacity;
           -o-transition-property: right, top, -o-transform, opacity;
              transition-property: right, top, transform, opacity;              
    }

    .isotope.odd .isotope-item{
       -webkit-transition-property: left, top, -webkit-transform, opacity;
         -moz-transition-property: left, top, -moz-transform, opacity;
          -ms-transition-property: left, top, -ms-transform, opacity;
           -o-transition-property: left, top, -o-transform, opacity;
              transition-property: left, top, transform, opacity;        
    }

    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
         -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
           -o-transition-duration: 0s;
              transition-duration: 0s;
    }
    body i{
        font-style: normal;
    }

    .image-not-found{
        width: 122px;
        height: 11em;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        font-family: futura-pt;
        font-weight: bold;
        position: relative;
        top: 10px;
        left: 10px;
    }
    .image-not-found.shop-image{
        top: 6px;
        height: 80px;
        padding-bottom: 0.5em;
        width: 70px;
    }
    /*header*/
    /*logo*/
    .header{
        padding: 3.4% 0;
        z-index: 2;
        position: relative;
        background-color: #ffffff;
    }
    .header-hover {
        background-color: #ffffff;
        height: 89px;
        top: 0px;
        left: 0px;
        position: fixed;
        width: 100%;
        z-index: 20;
    }
    .header .logo{
        text-align: center;
        position: relative;
    }
    .header-hover .logo-hover {
        padding: 25px 15px;
        top: 0%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.5s 0s,visibility 0s 0.5s;
        -moz-transition: opacity 0.5s 0s,visibility 0s 0.5s;
        -o-transition: opacity 0.5s 0s,visibility 0s 0.5s;
        transition: opacity 0.5s 0s,visibility 0s 0.5s;
    }
    .header-hover .logo-hover > a {
        position: relative;
        display: block;
        width: 155px;
    }
    .fixed-position-header{
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-transition: opacity 0.5s 0s,visibility 0s 0s !important;
        -moz-transition: opacity 0.5s 0s,visibility 0s 0s !important;
        -o-transition: opacity 0.5s 0s,visibility 0s 0s !important;
        transition: opacity 0.5s 0s,visibility 0s 0s !important;
    }
    .header .logo img{
        width: 20%;
        left: -0.6em;
        position: relative;
    }
    /*indramdhani : cart style*/
    .container .shopping-kart-container{
        position: fixed;
        top: 0px;
        right: 10px;    
        z-index: 20;
    }
    .container .shopping-kart-container .shopping-image{
        display: inline-block;
        width: 20px;
        margin-right: 5px;
    }
    .container .shopping-kart-container .caption{
        display: inline-block;
        font-family: 'futura-pt';
        font-size: 0.9em;
        color: #58585a;
        margin-right: 5px;
    }
    .container .shopping-kart-container .checkout-link{
        display: inline-block;
        font-family: 'futura-pt';
        font-size: 0.8em;
        color: #b2b2b3;
        font-weight: bold;
    }
    .container .shopping-kart-container .checkout-link a{
        text-decoration: none;
        color: #B2B2B3;
    }
    .container .shopping-kart-container .checkout-link a:hover{
        text-decoration: underline;
    }
    /*end of header*/
    /*sidebar*/
    @media ( min-width: 768px ) {
        .sidebar {
            border: 1px solid #e2e2e2;      
            height: 100%;
            z-index: 10;
            -webkit-box-shadow: inset 0 0 100px #F7F7F7;
               -moz-box-shadow: inset 0 0 100px #F7F7F7;
                    box-shadow: inset 0 0 100px #F7F7F7;
        }    
    }
    
    .sidebar ul{
        list-style: none;
        text-align: center;
        margin: 0px;
    }
    .sidebar ul li {
        line-height: 22px;
        cursor: pointer;
        -webkit-transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        -ms-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;

    }

    .sidebar ul li.active {
        background-color: #fff;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: bold;
        -webkit-border-radius: 5px 0px 0px 5px;
                border-radius: 5px 0px 0px 5px;  
        -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
    }



    .sidebar ul li {
        border-bottom: 1px solid #1F1F1F;
        color: #ffffff;
    }
    .sidebar ul li a {
        font-family: 'futura-pt';
        color: inherit;
        text-decoration: none;
        letter-spacing: 2px;
        cursor: pointer;
        display: block;
        padding: 13px 0px;
    }
    .sidebar ul li a.active {
        color: #474748;
    }
    /*pagination*/
    .pagecontainer{
        font-family: 'futura-pt';
        color: #474748;
        text-align: right;
        font-size: 1.15em;
        margin-top: 15px;
    }
    .pagecontainer .pagecontrol{
        font-family: 'futura-pt';
        color: #474748;
    }
    .ajax-loader {
        text-align: center;
    }
    .ajax-loader img {
        width: 10%;
        z-index: 50;
    }

    .content .ajax-loader {
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 10;
    }

    .content .ajax-loader img {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 3%;
    }
    /*end of pagination*/
    /*subscriber button*/
    .sidebar .subscribe-button {
        text-align: center;
        margin-top: 25px;
        letter-spacing: 3px;
        font-family: 'futura-pt';
        font-weight: bold;    
    }

    .sidebar .subscribe-button a {
        color: #474748;
    }
    .sidebar .subscribe-button a:hover {
        text-decoration: underline;
    }
    /*end of subscriber button*/
    /*end of sidebar*/

    .nav .bg-nav {
        position: fixed;
        /*top: 114px;*/
        width: 100%;
        z-index: 20;
    }

    .nav [class*="span"] {
        min-height: 0;
    }

    /*imamsrifkan*/
    /*css: menu navigation*/

    .nav .navigation {
        background-color: rgb(240,239,238);
        position: absolute;
        width: 83.5%;
    
        font-size: 11px;
}

    .nav .navigation .item-nav {
        background-color: rgb(240, 239, 238);
        border-left: 0.1em solid #fff;
        cursor: pointer;
        display: inline-block;
        float: left;
        font-family: 'futura-pt';
    }

    .nav .navigation .item-nav:first-child {
        border: none;
    }

    .nav .navigation .item-nav a {
        display: block;
        color: #474748;
        padding: 2px 20px;
    }

    .nav .navigation .item-nav.first {
        margin-left: 0;
    }

    .nav .navigation .item-nav.active {
        background-color: #402457;
    }

    .nav .navigation .item-nav.active a {
        color: #fff;
    }

    .nav .navigation .item-nav:hover {
        background-color: #402457;
    }

    .nav .navigation .item-nav:hover a {
        color: #fff;
    }

    .nav .navigation .item-nav.search {
        padding-top: 0.15%;
        width: 25%;
    }

    .nav .navigation .item-nav.search:hover {
        background-color: rgb(240, 239, 238);
    }

    .nav .navigation .item-nav.search input {
        background-color: #f0efee;
        border: 0;
        border-radius: 0;
        font-family: 'futura-pt';
        margin: -1% 0 0 2%;
        padding: 0;
        width: 90%;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
           -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
                box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    }

    .nav .navigation .item-nav.search img {
        width: 5%;
    }

    .nav .navigation .item-nav.search .result-container {
        background-color: #fff;
        display: block;
        overflow: auto;
        background-color: #ffffff;
        margin-left: -2%;
        position: absolute;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
            -ms-border-radius: 5px;
                border-radius: 5px;    
        -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
           -moz-box-shadow: inset 1px 1px 1px 1px rgb(0, 0, 0, 0.1);
            -ms-box-shadow: inset 1px 1px 1px 1px rgb(0, 0, 0, 0.1);
                box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);    
    }

    .nav .navigation .item-nav.search .result-container .result-loader {
        margin: 1em 0;
        position: relative;
        text-align: center;
    }

    .nav .navigation .item-nav.search .result-container .result-loader img, .nav .navigation .item-nav.search .result-container .result-loader img.ajax-loader {
        position: relative;
        width: 10%;
    }

    .nav .navigation .item-nav.search .result-container .no-result {
        font-family: 'futura-pt';
        font-size: 1em;
        padding: 10px;
    }
    .nav .navigation .item-nav.search .result-container .recommended-result{
        text-align: left;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        font-size: 1em;
    }
    .nav .navigation .item-nav.search .result-container .result-item {
        padding-top: 10px;
        border-bottom: 1px solid #F0EFEE;
        margin-right: 10px;
        margin-left: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        position: relative;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-images{
        display: inline-block;
        vertical-align: top;
        width: 10%;
        float: left;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-images img{
        width: 100%;
    }
    .nav .navigation .item-nav.search .result-container .result-item .description-container{
        display: inline-block;
        width: 85%;
        float: right;
    }
    .nav .navigation .item-nav.search .result-container .result-item .description-container .title-container{
        margin-bottom: 5px;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-title {
        font-family: 'futura-pt';
        color : #474748;
        font-weight: 400;
        display: inline-block;
        float: left;
        font-size: 1.1em;
        line-height: 1em;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60%;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-title b {
        font-weight: normal;
    }

    .nav .navigation .item-nav.search .result-container .result-item .result-title a{
        text-decoration: none;
        color : #474748;
        font-weight: 400;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-category{
        font-family: 'futura-pt';
        font-weight: 700;
        color: #402457;
        display: inline-block;
        float: right;
        font-size: 0.65em;
        line-height: 2.1em;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-description{
        font-family : 'futura-pt';
        font-weight: 300;
        color : #58585a;
        text-align: justify;
        line-height: 1em;
        font-size: 1em;
    }
    .nav .navigation .item-nav.search .result-container .result-item .result-description p{
        margin : 0px;
    }

    .nav .navigation .item-nav.social-share {
        width: 3%;
        text-align: center;
        position: relative;
    }

    .nav .navigation .item-nav.social-share:hover {
        background-color: rgb(240, 239, 238);
    }

    .nav .navigation .item-nav.social-share a {
        margin: 0 5%;
    }

    .nav .navigation .item-nav.social-share img.twitter-bird{
        width: 20%;
        position: absolute;
        left: 50%;
        margin-left: -25%;
        top: 50%;
        margin-top: -7%;
    }
    .nav .navigation .item-nav.social-share img.twitter-bird-grey{
        width: 20%;
        position: absolute;
        left: 50%;
        margin-left: -25%;
        top: 50%;
        margin-top: -7%;
        opacity: 0;
    }

    .nav .navigation .item-nav.social-share img.facebook-logo{
        width: 9%;
        position: absolute;
        top: 50%;
        margin-top: -8%;
        right: 50%;
        margin-right: -25%;
    }
   .nav .navigation .item-nav.social-share img.facebook-logo-grey{
        width: 9%;
        position: absolute;
        top: 50%;
        margin-top: -8%;
        right: 50%;
        margin-right: -25%;
        opacity: 0;
    }    

    .nav .navigation .item-nav.status-logged-in {
        text-align: left;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: 500; 
    }


    .nav .nav-container{
        list-style: none;
        position: absolute;
        line-height: 1.7em;
        margin-right: 0;
        width: 100%;
        z-index: 2;
        background-color: transparent;
    }
    .nav .nav-container .nav-item{
        background-color: #f0efee;
        cursor: pointer;
        display: inline-block;
        font-family: 'futura-pt';
        font-size: 0.9em;
        height: 2em;
        text-align: center;
        margin-right: -2px;
        padding: 0 1.5%;
    }
    .nav .nav-container .nav-item.hover{
        cursor: pointer;
    }
    .nav .nav-container .nav-item.first{
        margin-left: 0%;
    }
    .nav .nav-container .nav-item a{
        color: #474748;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 500;
    }
    .nav-item-login a{
        color: #474748;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 800;
    }
    .nav .nav-container .nav-item.active{
        background-color: #402457;
    }

    .nav .nav-container .nav-item.active a{
        color: #ffffff;
    }


    .nav .nav-container .nav-item.search img{
        width: 4%;
        margin-right: 10px;
    }
    .nav .nav-container .nav-item.search input{
        background-color: #f0efee;
        border: 0px;
        height: 1.5em;
        padding: 0px;
        margin-bottom: 0px;
        font-family: 'futura-pt';
        width: 75%;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    }

    .nav .nav-container .nav-item.search .result-container{
        height: 500px;
        overflow: auto;
        background-color: #ffffff;
        position: absolute;
        z-index: 20;
        -webkit-border-radius: 5px;
        border-radius: 5px;    
        -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);    
    }

    .nav .nav-container .nav-item.search .result-container .no-result{
        font-family: 'futura-pt';
        font-size: 1em;
        padding: 10px;
    }
    .nav .nav-container .nav-item.search .result-container .recommended-result{
        text-align: left;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 800;
        color: #402457;
        font-size: 1em;
    }
    .nav .nav-container .nav-item.search .result-container .result-item{
        padding-top: 10px;
        border-bottom: 1px solid #F0EFEE;
        margin-right: 10px;
        margin-left: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-images{
        display: inline-block;
        vertical-align: top;
        width: 10%;
        float: left;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-images img{
        width: 100%;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .description-container{
        display: inline-block;
        width: 85%;
        float: right;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .description-container .title-container{
        margin-bottom: 5px;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-title{
        font-family: 'futura-pt';
        color : #b2b2b3;
        font-weight: 400;
        display: inline-block;
        float: left;
        font-size: 1.1em;
        line-height: 1em;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 65%;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-title a{
        text-decoration: none;
        color : #b2b2b3;
        font-weight: 400;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-category{
        font-family: 'futura-pt';
        font-weight: 700;
        color: #402457;
        display: inline-block;
        float: right;
        font-size: 0.9em;
        line-height: 1em;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-description{
        font-family : 'futura-pt';
        font-weight: 300;
        color : #58585a;
        text-align: justify;
        line-height: 1em;
        font-size: 1em;
    }
    .nav .nav-container .nav-item.search .result-container .result-item .result-description p{
        margin : 0px;
    }
    .nav .nav-container .nav-item.social-share{
        width: 3%;
        text-align: center;
    }
    .nav .nav-container .nav-item.social-share img.twitter-bird{
        width: 25%;
    }
    .nav .nav-container .nav-item.social-share img.facebook-logo{
        width: 12%;
    }

    .nav .nav-container .nav-item.status-logged-in{
        width: 18.8% !important;
        text-align: left;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: 500; 
    }

    .nav .nav-container .nav-item.status-logged-in a{
        margin-left: 6%;
        font-weight: bold ;   
        color: #402457;
    }
    /*end of nav*/

    /*right bar*/
    .right-bar .bar-item {
        padding-bottom: 35px;
    }
    .right-bar .bar-item .bar-next{
        float: right;
        cursor:pointer;
        position: relative;
        top: 15px;
    }
    .right-baar .bar-item.exhibition-bar{
        background-color: #fbfbfb;
    }
    .right-bar .bar-item.news-bar{
        background-color: #fbfbfb;
    }
    .right-bar .bar-item.event-bar{
        background-color: #f0efee;
    }
    .right-bar .bar-item.tv-bar{
        background-color: #fbfbfb;
    }
    .right-bar .bar-item .bar-title{
        color: #58585a;
        font-size: 14px;
        letter-spacing: 2px;
        border-bottom: 1px groove;
        font-family: 'futura-pt';
        font-weight: bold; 
        font-style: normal;
        line-height: normal;
        margin: 0px;
        padding: 25px 15px;
    }
    .right-bar .bar-item .bar-content{
        font-style: normal;
        padding: 15px;
        overflow: hidden;
    }
    .right-bar .bar-item .bar-content .item{
        color: #58585a;
        cursor: pointer;
    }
    .right-bar .bar-item .bar-content.news-content .item:hover{
        text-decoration: underline;
    }
    .right-bar .bar-item .bar-content .item .title {
        padding-top: 20px;
        font-size: 16px;
        font-family: 'futura-pt';
        margin: 0px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: normal;
        line-height: normal;
    }

    .right-bar .bar-item .bar-content .item .location{
        font-size: 0.8em;
        font-family: 'futura-pt';
        font-weight: bold;    
        position: relative;
        top: -2px;
        letter-spacing: 1px;    
        color: #B2B2B3;
        line-height: 1.2em;
        padding-left: 15px;
        padding-right: 15px;    
    }
    .right-bar .bar-item .bar-content .item .content {
        font-size: 14px;
        line-height: 1.2em;
        font-family: 'futura-pt';    
        position: relative;
        padding-bottom: 15px;
        border-bottom: 1px groove;
        font-weight: 100;
    }
    .right-bar .bar-item .bar-content .item .content i{
        font-style: normal;
    }
    .right-bar .bar-item .bar-content .item .content b{
        font-weight: normal;
    }
    .right-bar .bar-item .bar-content .item .content .eventdate{
        font-size: 1.3em;
    }
    .right-bar .bar-item .bar-content .item .content span{
        font-family: 'futura-pt' !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }
    .right-bar .bar-item .bar-content .item .content a{
        text-decoration: underline;
        color: #58585a;
        cursor: pointer;
        font-family: 'futura-pt' !important;
    }
    .right-bar .bar-item .bar-title.tv-bar-header span{
        display: inline-block;
    }
    .right-bar .bar-item.tv-bar .bar-content .item{
        border: 0px;
        margin-bottom: 30px;
        padding: 0px;
    }
    .right-bar .bar-item.tv-bar .bar-content .item img{
        width: 100%;
    }
    .right-bar .bar-item.tv-bar .bar-content .item iframe{
        width: 100%;
    }
    
    /*style for exhbition calendar*/
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content{
        font-family: 'futura-pt';
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .month-item{
        border-bottom: 1px groove;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-month {
        margin: 1em 0;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-month-title{
        font-size: 22px;
        font-weight: 300;
        margin: 0px;
        line-height: normal;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-item{
        cursor: pointer;
        padding: 10px 0px;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-item a {
        color: inherit;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-item:hover{
        text-decoration: underline;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-item .bar-exhibition-title {
        font-size: 14px;
        font-weight: 300;
        text-transform: capitalize;
        margin: 0px;
    }
    .right-bar .bar-item.exhibition-bar .bar-content.exhibition-content .bar-exhibition-item .bar-exhibition-date{
        font-size: 10.5px;
    }
    /*end style for exhbition calendar*/

    /*style for personal exhibition bar*/
    
    .bar-item.personal-exhibition-bar .bar-content .item{
        margin-top: 22px;
        border-bottom: 0px;
        margin-bottom: 33px;
    }
    .bar-item.personal-exhibition-bar .bar-content .item .no-artwork-image{
        color: #ffffff;
        background-color:  black;
        width: 158px;
        height: 158px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-family: futura-pt;
        font-size: 1.5em;
    }
    .bar-item.personal-exhibition-bar .bar-content .item .no-artwork-image span{
        display: inline-block;
        margin-top: 70px;
    }
    .bar-item.personal-exhibition-bar .bar-content .item .art{
        display: inline-block;
        width: 158px;
    }
    .bar-item.personal-exhibition-bar .bar-content .item .cross{
        display: inline-block;
        vertical-align: top;
        width: 21px;
        margin-left: 15px;
        cursor: pointer;    
    }
    /*end for personal echibition bar*/

    /*end of right bar*/
    /*content*/
    
    .page-content .row-fluid {
        margin-left: 0px !important;
    }
    .page-content .row-fluid .span9.content{
        margin-left:0px !important;
    }
    /*end of content*/

    /*footer*/
    .footer{
        padding: 15px;
        border-top: 1px solid #e2e2e2; 
        position: relative;
        top:2px;
        font-family: 'futura-pt';
        text-align: center;
        font-size: 0.9em;
        font-style: normal;
        font-weight: normal;
        clear: both;
        -webkit-box-sizing: border-box;
           -moz-box-sizing:  border-box;
                box-sizing: border-box;
        -webkit-transition: margin 0.3s ease-in-out;
           -moz-transition: margin 0.3s ease-in-out;
            -ms-transition: margin 0.3s ease-in-out;
                transition: margin 0.3s ease-in-out;
    }
    .footer .footer-item {
        margin-bottom: 2px;
    }
    .footer .footer-item.footer-builder a{
        color: #666667;
        font-family: 'futura-pt';
        cursor: pointer;
        margin-right: 15px;
        text-decoration: none;
    }
    .footer .footer-item.footer-builder a:hover{
        color: #666667;
        text-decoration: none;
    }

    .footer .footer-item:last-child {
        padding-bottom: 10px;
    }

    .footer .footer-item .list {
        display: block;
    }
    @media ( min-width: 768px ) {
        .footer .footer-item .list {
            display: inline-block;
        }
    }
    .footer-address .title {
        font-weight: bold;
    }
    .footer-phone .title{
        font-weight: bold;
        margin-right: 5px;
    }
    .footer-phone .value{
        margin-right: 15px;
    }
    .footer-hours .hours{
        margin-right: 15px;
    }
    .footer-link a{
        color: #666667;
        font-family: 'futura-pt';
        cursor: pointer;
        margin-right: 15px;
        text-decoration: none;
    }
    .footer-link a:hover{
        color: #666667;
        text-decoration: none;
    }
    /*end of footer*/

    /*style for about*/
    .page {
        margin: auto;
    }
    /*indramdhani : style for video overlay*/
    .video-overlay .close-video {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 30px;
        cursor: pointer;
    }
    .video-overlay iframe{
        width: 100%;
    }
    .page .content-nav-container {
        margin-left: 0px !important;
        padding: 15px 0px;
        text-align: center;
        position: relative;
        z-index: 10;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }
    @media( min-width: 768px ) {
        .page .content-nav-container {
            padding-left: 60px;
            padding-right: 60px;
        }
    }
    .page .content-nav-container + .content-nav-container {
        padding-top: 0px;
    }
    .page .content-nav-container.year .content-nav-item {
        border-left: 1px solid #58585a;
        padding-left: 10px;
    }
    .page .content-nav-container .content-nav-item:first-child {
        border-left: none;
        padding-left: 0px;
    }
    @media ( min-width: 480px ) {
        .page .content-nav-container .content-nav-item {
            border-left: 1px solid #58585a;
            padding-left: 10px;
        }
    }
    
    .page .content-nav-container .content-nav-item a {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }
    
    
    .page .content-title {
        text-align: center;
        margin-bottom: 38px;
        font-size: 34px;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #b2b2b3;
        line-height: 1;
    }
    .page .content-title span{
        color: #666667;
    }

    .page .main-content{
        position: relative;
        margin-bottom: 30px;
        margin-top: 0px;
        z-index: 0;
    
        font-family: 'futura-pt';
}
    .page .main-content.hero {
        margin-bottom: 0px !important;
    }
    .page .main-content.first-exhibition-list {
        margin-top: 0px !important;
    }
    .page.artist-detail .main-content, .page.news .main-content {
        margin-top: 0px;
    }
    .page .main-content .title {
        text-align: center;
        font-size: 1.8em;
        color: #666667;
        font-family: 'futura-pt';
    }
    .middlecontent{
        width: 95%;
        margin: 0 auto !important;
    }
    .page.about .main-content .content{
        width: 49.8%;
    }
    .page.about .main-content .content a{
        color: #402457;
        text-decoration: none;
    }
    .page .main-content .content-container{
       width: 100%;
    }
    .page.about .main-content .content{
        border-top: 1px groove;
        border-bottom: 1px groove;
        padding: 4.5em 0;
        text-decoration: none;
        width: 100%;
    }
    .page.about .main-content .content .text {
        font-family: 'futura-pt';
        font-weight: 300;
        font-size: 16px;
    }
    .page.about .main-content .content .text .intro {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .page.about .main-content .content .text .desc .images-container {
        margin-top: 15px;
    }
    .page.about .main-content .content .text .desc .images-container img {
        display: block;
        margin: 1em 0;
        width: 100%;
    }
    .page.about .main-content .content .text .desc .images-container img.half {
        width: 50% !important;
    }
    .page.about .main-content .content .text .desc .images-container img.inline {
        display: inline-block !important;
        margin: 0 !important;
    }
    
    /*end of style for about*/

    /*style for subscribe*/
    .page.subscribe .form-subscribe input {
        background-color: #b2b2b3;
        border: 0px solid #fff;
        color: #fff;
        font-family: 'futura-pt';
        font-weight: bold;
        height: 25px;
        text-transform: uppercase;
        margin-bottom: 1%;
        width: 100%;
        -webkit-border-radius: 0px;
           -moz-border-radius: 0px;
                border-radius: 0px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
    }
    .page.subscribe .form-subscribe .subscribe-button {
        color: #402457;
        cursor: pointer;
        font-family: 'futura-pt';
        font-weight: bold;
        margin: auto;
        text-align: right;
    }

    .page.subscribe .form-subscribe ::-webkit-input-placeholder {
        color: #fff;
    }
    .page.subscribe .form-subscribe :-moz-placeholder {
        color: #fff;
    }
    .page.subscribe .form-subscribe ::-moz-placeholder {
        color: #fff;
    }
    .page.subscribe .form-subscribe :-ms-input-placeholder {
        color: #fff;
    }
    input[name="forgot_username"]::-webkit-input-placeholder {
        color: #CFCFCF;
    }
    input[name="forgot_username"]:-moz-placeholder {
        color: #CFCFCF;
    }
    input[name="forgot_username"]::-moz-placeholder {
        color: #CFCFCF;
    }
    input[name="forgot_username"]:-ms-input-placeholder {
        color: #CFCFCF;
    }

    /*style for contact*/
    .page.contact .main-content .content {
        font-family: 'futura-pt';
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 15px;
        padding: 0px 15px;
        display: block;
        float: left;
        position: relative;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    .page.contact .main-content .content a {
        color: inherit;
    }
    .page.contact .main-content .content .content-left {
        padding: 15px;
    }
    .page.contact .main-content .content .content-right {
        
    }
    @media ( min-width: 1200px ) {
        .page.contact .main-content .content {
            width: 50%;
        }
    }
    .page.contact .main-content .content-left div.address{
        margin-top: 29px;
        font-size: 1em;
    }
    .page.contact .main-content .content-right{
        color: #666667;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 15px;
        float: left;
        width: 100%;
    }
    .page.contact .main-content .content-right .time{
        padding: 10px;
        padding-left: 20px;
        font-size: 14px;
        line-height: normal;
        font-weight: 600;
    }
    .page.contact .main-content .content-right .time b{
        font-weight: 600;
    }
    .page.contact .main-content .content-right .time i{
        font-style: normal;
    }
    .page.contact .main-content .content-right .time u{
        text-decoration: none;
    }
    .page.contact .main-content .content-right .time p{
        margin: 0;
    }
    .page.contact .main-content .content-right .contact-form{
        margin-top: 10px;
    }

    .page.contact .main-content .content-right .contact-form div{
        margin: 0 auto;
        width: 90%;
        background-color: #b2b2b3;
        margin-bottom: 5px;
    }
    .page.contact .main-content .content-right .contact-form div input{
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.8em;
        background-color: #b2b2b3;
        border: 0px;
        margin-bottom: 0px;
        text-transform: uppercase;
        width: 95%;
    }
    .page.contact .main-content .content-right .contact-form div input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }
    .page.contact .main-content .content-right .contact-form div textarea{
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.8em;
        background-color: #b2b2b3;
        border: 0px solid #b2b2b3;
        text-transform: uppercase;
        width: 95%;
        height: 100px;
        margin-bottom: 0;
    }
    .page.contact .main-content .content-right .contact-button{
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        right: 20px;
        position: relative;    
        text-align: right;
        font-size: 0.88em;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        width: 20%;
        float: right;
        z-index: 100;
    }
    .page.contact .main-content .content-right .contact-button img{
        width: 15%;
    }
    .contact-button input {
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        position: relative;    
        text-align: right;
        font-size: 0.88em;
        margin-top: 10px;
        margin-bottom: 10px;
        border: none;
        background-color: inherit;
        cursor: pointer;
    }
    #alert_contact {
        margin-left: 5%;
        margin-top: 4%;
        color: red;
        opacity: 0;
    }
    .page.contact #googlemapcanvas {
        width: 100%;
        height: 100%;
    }
    .page.contact .main-content .content-right .ajax-loader {
        height: auto;
        opacity: 0;
        width: 80%;
        margin-left: 0;
        margin-left: 7px;
        position: relative;
    
        margin-top: 8px;
}
    .page.contact .main-content .content-right .ajax-loader img{
        width: 25px;
        position: relative;
    }
    .page.contact .main-content .content-right .ajax-loader span{
        height: 100%;
        width: auto;
    }
    .map_content {
        height: 320px;
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
    /*end for contact*/

    /*style for service*/
    .page.services .content-title{
        margin-top: 45px;
    }
    .page.services .content-title span{
        color: #58585a;
    }

    .page.services .content-subtitle {
        text-align: center;
        font-size: 3em;
        margin-top: 0;
        margin-bottom: 2em;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #58585a;
    }
    .page.services .content-subtitle span{
        color: #b2b2b3;
    }
    .page.services .main-content .content-container{
        width: 100%;
    }
    .page.services .main-content .content{
        border-top: 1px groove;
        border-bottom: 1px groove;
        padding: 4.5em 0;
        text-decoration: none;
        width: 100%;
    }
    .page.services .main-content .content .text {
        font-family: 'futura-pt';
        font-size: 16px;
        font-weight: 300;
    }
    .page.services .main-content .content .text .intro {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .page.services .main-content .content .text .desc b{
        color: #402457;
    }
    .page.services .main-content .content .text .desc .images-container {
        margin-top: 2em;
    }
    .page.services .main-content .content .text .desc .images-container img {
        display: block;
        margin: 1em 0;
        max-width: 100%;
    }
    .page.services .main-content .content a{
        color: #402457;
        text-decoration: none;
    }
    /*extra style for link*/
    .page.services .main-content .content .link-item{
        margin-bottom: 15px;
        padding-bottom: 5px;
        font-size: 16px;
    }
    .page.services .main-content .content .link-item .link-title{
        font-size: 24px;
        color: #402457;
        margin-bottom: 10px;
    }
    .page.services .main-content .content .link-item .link-description{
        text-align: justify;
    }
    .page.services .main-content .content .link-item .link-url a {
        text-decoration: underline;
        color: #474748;
    }
    .page.services .main-content .content .link-item .link-url a:hover,
    .page.services .main-content .content .link-item .link-url a:focus {
        text-decoration: none;
    }
    /*end for link*/
    /*end for service*/

    /*style for event*/
    .page.events{
        width: 74%;
        margin : 0 auto;
    }
    .page.events .content-title {
        margin-top: 11px;
    }
    .page.events .content-nav-container{
        text-align: left;
        margin-top: 46px;
        margin-bottom: 40px;
    }
    .page.events .content-nav-container .content-nav-item{
        color: #402457;
    }
    .page.events .content-nav-container .content-nav-item a{
        color: #402457;
    }
    .page.events .content-nav-container .content-nav-item.active{
        color: #666667;
    }
    .page.events .content-nav-container .content-nav-item.active a{
        color: #666667;
    }
    .page.events .content-nav-container .content-nav-item:first-child{
        margin-left: 0px;
    }
    .page.events .main-content .event-container{
        background-color: #fbfbfb;
        margin: 0 auto;    
        margin-top: -12px;
        -webkit-transition: opacity 0.3s ease-in-out;
           -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
    }
    .page.events .main-content .event-container .event-item{
        padding-bottom: 20px;
        border-bottom: 1px solid black;
        position: relative;
        cursor: pointer;
    }
    .page.events .main-content .event-container .event-item .event-name{
        padding-top: 32px;
        font-size: 1.7em;
        letter-spacing: 1px;
        font-family: 'futura-pt';
        font-weight: 400;
        color: #474748;
        padding-left: 20px;
        line-height: 1em;
    }
    .page.events .main-content .event-container .event-item .event-name b{
        font-weight: normal;
    }
    .page.events .main-content .event-container .event-item .event-name i{
        font-style: normal;
    }
    .page.events .main-content .event-container .event-item .event-name a{
        color: #402457;
    }
    .page.events .main-content .event-container .event-item .event-title{
        font-size: 0.8em;
        font-family: 'futura-pt';
        font-weight: 800;
        color: #474748;
        padding-left: 20px;
    }
    .page.events .main-content .event-container .event-item .event-date{
        font-size: 1.61em;
        font-family: 'futura-pt';
        font-weight: 300;
        margin-top: 15px;
        color: #b2b2b3;
        letter-spacing: -1px;
        padding-left: 20px;
    }
    .page.events .main-content .event-container .event-item .event-date i{
        font-style: normal;
    }
    .page.events .main-content .event-container .event-item .event-date b{
        font-style: normal;
        font-weight: 300;
    }
    .page.events .main-content .event-container .event-item .event-place{
        font-size: 0.83em;
        font-family: 'futura-pt';
        color: #b2b2b3;
        padding-left: 20px;
    }
    .page.events .main-content .event-container .event-item .event-description{
        font-family: 'futura-pt';
        font-weight: 300;
        color: #58585a;
        margin-top: 10px;
        line-height: 1em;
        padding-left: 20px;
        width: 335px;
    }
    .page.events .main-content .event-container .event-item .event-description a{
        color: #402457;
    }
    .page.events .main-content .event-container .event-item .event-description i{
        font-style: normal;
    }
    .page.events .main-content .event-container .event-item .event-image{
        margin-top: 41px;
        margin-left: -9px;
        width: 78%;
    }
    .page.events .main-content .event-container .event-item .event-link{
        position: absolute;
        bottom: 10px;
        right: 20px;
        font-size: 0.85em;
        text-decoration: underline;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: bold;
    }

    /*event expanded*/
    .event-expand-overlay{
        width: 100%;
        position: absolute;
        height: 100%;
        background-color: rgba(71,71,72,0.9);
        z-index: 1;
        top: 0px;
        display: none;
    }
    .event-expand-overlay .event-expand-close{
        position: absolute;
        top: 4%;
        right: 2%;
        cursor: pointer;
        width: 3%;
    }
    .event-expand-overlay .event-slider{
        margin-top: 8%;
        margin-left:  auto;
        margin-right: auto;
        position: relative;         
    }
    .event-expand-overlay .event-expand-bg{
        background-color: #ffffff;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        opacity: 1;
        position: relative;
        border-bottom: 3px solid #FAFAFA;
    }
    .event-expand-overlay .event-expand-bg .event-image-container-expand{
        text-align: center;
    }
    .event-expand-overlay .event-expand-bg .event-image-expand{
        margin-left: 40px;
        margin-top: 30px;
        width: 50%;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand{
        color: #474748;
        font-family: 'futura-pt';
        font-size: 1.6em;
        margin-left: 40px;
        font-weight: 300;
        margin-top: 46px;
        padding-top: 40px;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand b{
        font-weight: normal;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand i{
        font-style: normal;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand a{
        color: #402457;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-title-expand{
        color: #474748;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.8em;
        margin-left: 40px;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-date-expand{
        margin-top: 13px;
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-size: 1.5em;
        font-weight: 300;
        margin-left: 40px;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-place-expand{
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: 300;
        font-size: 1em;
        margin-left: 40px;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand{
        color: #58585a;
        font-family: 'futura-pt';
        font-size: 1em;
        margin-left: 40px;
        margin-right: 40px;
        line-height: 1em;
        margin-top: 21px;
        margin-bottom: 40px;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand b{
        font-weight: normal;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand a{
        color: #402457;
    }
    .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand i{
        font-style: normal;
    }
    .event-expand-overlay .previous-event{
        position: absolute;
        top: 50%;
        left: -50px;
        width: 20px;
        z-index: 1;
        cursor: pointer;
    }
    .event-expand-overlay .next-event{
        position: absolute;
        top: 50%;
        right: -50px;
        width: 20px;
        cursor: pointer;
    }
    .event-expand-overlay .previous-event, .event-expand-overlay .next-event{
        cursor: pointer;
        opacity: 0.3;
    }
    /*end for event*/

    /*style for news*/
    .page.news .span12 {
        margin-left: 0;
    }
    .page.news .main-content .news-container{
        background-color: #fbfbfb;
        -webkit-transition: opacity 0.3s ease-in-out;
           -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
    }
    .page.news .main-content .news-container .news-item{
        border-bottom: 1px groove;
        position: relative;
        cursor: pointer;
        padding: 60px 15px 25px 15px;
        -webkit-box-sizing:  border-box;
        -moz-box-sizing:  border-box;
        box-sizing: border-box;
    }
    .page.news .main-content .news-container .news-item .news-title{
        font-size: 1.5em;
        letter-spacing: 1px;
        font-family: 'futura-pt';
        font-weight: 400;
        line-height: 1em;
        margin: 0;
        margin-bottom: 1em;
    }
    .page.news .main-content .news-container .news-item .news-title b{
        font-weight: normal;
    }
    .page.news .main-content .news-container .news-item .news-subtitle{
        margin-top: 1.3em;
        padding-left: 10px;
        font-size: 0.8em;
        font-family: 'futura-pt';
        font-weight: 800;
        color: #474748;
        margin-bottom: 1em;
    }
    .page.news .main-content .news-container .news-item .news-content {
        font-family: 'futura-pt' !important;
        font-weight: 300;
        font-size: 16px;
        margin-top: 1em;
        line-height: normal;
        margin-bottom: 1em;
    }

    .page.news .main-content .news-container .news-item .container-news-image {
        display: block;
        position: relative;
    }

    .page.news .main-content .news-container .news-item .news-content div {
        font-family: 'futura-pt' !important;
    }

    .page.news .main-content .news-container .news-item .news-content strong {
        font-size: 0.9em;
    }
    .page.news .main-content .news-container .news-item .news-content a{
        color: #402457;
    }
    .page.news .main-content .news-container .news-item .news-image{
        width: 100%;
    }
    .page.news .main-content .news-container .news-item .news-date{
        position: absolute;
        top: 15px;
        width: auto;
        font-family: futura-pt;
        right: 15px;
        font-size: 0.85em;
        color: #402457;
        font-weight: bold;
        line-height: 1;
    }
    .page.news .main-content .news-container .news-item .news-date i{
        font-style: normal !important;
    }
    .page.news .main-content .news-container .news-item .news-link{
        position: absolute;
        bottom: 13%;
        right: 10px;
        font-size: 0.85em;
        text-decoration: underline;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: bold;
    }

    .page.news b {
        font-weight: inherit;
    }

    /*news expanded*/
    .news-expand-overlay,
    .video-overlay {
        display: none;
        background-color: rgba(71,71,72,0.9);
        margin-top: 49px;
        padding: 60px 15px;
        position: absolute;
        height: 100%;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:  all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    @media( min-width: 768px ) {
        .news-expand-overlay, .video-overlay {
            margin-top: 115px;
            margin-left: 160px;
            padding: 30px 90px;
        }
    }
    @media ( min-width: 992px ) {
        .news-expand-overlay, .video-overlay {
            margin-left: 198px;
        }   
    }
    @media ( min-width: 1366px ) {
        .news-expand-overlay, .video-overlay {
            margin-left: 240px;
        }
    }
    @media ( min-width: 1600px ) {
        .news-expand-overlay, .video-overlay {
            margin-left: 260px;
        }
    }
    @media ( min-width: 1920px ) {
        .news-expand-overlay, .video-overlay {
            margin-left: 315px;
        }
    }
    @media ( min-width: 2560px ) {
        .news-expand-overlay, .video-overlay {
            margin-left: 420px;
        }
    }
    .news-expand-overlay-container {
        display: block;
        margin: auto;
        position: relative;
    }
    @media ( min-width: 1440px ) {
        .news-expand-overlay-container {
            width: 890px;
        }
    }
    .news-expand-overlay .news-expand-close {
        position: absolute;
        top: -45px;
        right: 0px;
        cursor: pointer;
        width: 30px;
    }
    @media ( min-width: 768px ) {
        .news-expand-overlay .news-expand-close {
            top: 0px;
            right: -60px;
        }
    }
    .news-expand-overlay .news-slider {
        margin-left:  auto;
        margin-right: auto;
        position: relative; 
    }
    .news-expand-overlay .news-expand-bg {
        background-color: #ffffff;
        height: 100%;
        opacity: 1;
        position: relative;
    }
    .news-expand-overlay .news-expand-bg .news-image-container-expand {
        text-align: center;
        position: relative;
        width: 80%;
        margin: auto;
        padding-top: 50px;
    }
    @media ( min-width: 768px ) {
        .news-expand-overlay .news-expand-bg .news-image-container-expand {
            width: 55%;   
        }
    }
    .news-expand-overlay .news-expand-bg .news-expand-container {
        margin: 30px;
    }
    .news-expand-overlay .news-expand-bg .news-image-container-expand .image-content {
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        min-height: 15em;
    }
    .news-expand-overlay .news-expand-bg .news-image-container-expand .image-content img {
        display: none;
        position: relative;
        z-index: -1;
    }
    .news-expand-overlay .news-expand-bg .news-image-container-expand .image-content img.selected{
        display: block;
        z-index: 1;
    }
    .news-expand-overlay .news-expand-bg .news-image-expand{
        margin-left:auto;
        margin-right:auto;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand{
        color: #474748;
        font-family: 'futura-pt';
        font-size: 21px;
        margin-bottom: 10px;
        font-weight: 400;
        line-height: normal;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand b{
        font-weight: normal;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand i{
        font-style: normal;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand a{
        color: #402457;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .meta-container{
        margin-bottom: 10px;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-subtitle-expand {
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.8em;
        margin-top: 38px;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-date-expand {
        margin-top: 13px;
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-size: 14px;
        font-weight: 300;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand {
        color: #58585a;
        font-family: 'futura-pt';
        font-weight: 300;
        font-size: 14px;
        margin: 0;
        line-height: normal;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand b {
        font-weight: normal;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand a {
        color: #402457;
    }
    .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand i {
        font-style: normal;
    }

    .news-expand-overlay .previous-news {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 15px;
        width: 26px;
        opacity: 1;
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }
    .news-expand-overlay .next-news {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 15px;
        width: 26px;
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }
    @media ( min-width: 768px ) {
        .news-expand-overlay .previous-news {
            left: -50px;
            opacity: 0.3;
        }
        .news-expand-overlay .previous-news:hover,
        .news-expand-overlay .previous-news:focus {
            opacity: 1;
        }
        .news-expand-overlay .next-news {
            right: -50px;
            opacity: 0.3;
        }
        .news-expand-overlay .next-news:hover,
        .news-expand-overlay .next-news:focus {
            opacity: 1;
        }
    }
    /*end for news*/

    /*style for shop*/
    .page.shop .content-title{
        margin-top: 46px;
        margin-bottom: 37px;
        color: #58585a !important;
        font-weight: 300;
    }
    .page .content-category-container{
        text-align: center;
    }
    .page .content-category-container.price-container {
        margin-top: 5px;
    }

    .page .content-category-container .search-category {
        width: 100%;
        margin: 0px 0px 5px;
        background-color: #402457;
        min-height: 0px;
        display: inline-block;
        cursor: pointer;
        position: relative;
    }
    @media ( min-width: 768px )  {
        .page .content-category-container .search-category {
            width: 32.75%;
        }
    }

    .page .content-category-container .search-category .search-category-value .text {
        position: absolute;
        overflow: hidden;
        width: 86%;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff;         
        font-weight: normal;
    }    
    .page .content-category-container .search-category input,
    .page .content-category-container .search-category .search-category-value {
        background-color: #402457;
        border: 0px solid white;
        color: #b2b2b3;
        display: table;
        font-family: 'futura-pt';
        font-weight: 400;
        line-height: normal;
        margin: auto 5%;
        overflow: hidden;
        position: relative;
        text-transform: uppercase;
        text-align: left;
        top: 18%;
        text-overflow: ellipsis;
        white-space: nowrap; 
        width: 90%;
    }
    .page .content-category-container .search-category .search-category-value {
        padding: 5px 0px;
    }

    .page .content-category-container .search-category.search-category input {
        top: 0;
        height: auto;
        margin: 0.5em auto;
        background: #fff;
        border: 1px solid #AFAFAF;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;

    }

    .page .content-category-container .search-category .search-category-value .arrow {
        float: right;
        text-align: right;
    }

    .page .content-category-container .search-category .search-category-value .arrow img {
        width: 20px;
    }

    .page .content-category-container .search-category img {
        position: relative;
        bottom: 2px;
        right: 2%;
        width: 8%;
        cursor: pointer;
    }
    .page .content-category-container .search-category .result-box {
        background-color: #ffffff;
        position: absolute;
        max-height: 500px;
        padding-top: 3px;
        z-index: 1;
        -webkit-border-radius: 0;
        border-radius: 0;    
        border: 1px solid #F0EFEE;
    }

    .page .content-category-container.bottom .search-category .result-box {
        bottom: 26px;
        padding: 0;
        z-index: 1;
        -webkit-border-radius: 5px 5px 0 0;
           -mox-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
    }

    .page .content-category-container .search-category .result-container{
        max-height: 500px;
        display: none;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .page .content-category-container .search-category .result-container .no-result{
        font-family: 'futura-pt';
        font-size: 1em;
        padding: 10px;
    }
    .page .content-category-container .search-category .result-container .recommended-result{
        text-align: left;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 800;
        color: #402457;
        font-size: 1em;
    }
    .page .content-category-container .search-category .result-container .result-item {
        text-align: left;
        cursor: pointer;
        padding: 10px;
    }
    .page .content-category-container .search-category .result-container .result-item:hover {
        background-color: #F0EFEE;
    }
    .page .content-category-container .search-category .result-container .result-item.no-data {
        text-align:center;
        cursor: default;
    }
    .page .content-category-container .search-category .result-container .result-item.no-data:hover {
        background-color: transparent;
    }
    .page .content-category-container .search-category .result-container .result-item .result-images{
        display: inline-block;
        float: left;
        width: 15%;
    }
    .page .content-category-container .search-category .result-container .result-item .result-images img{
        width: 100%;
    }
    .page .content-category-container .search-category .result-container .result-item .description-container{
        display: inline-block;
        float: right;
        width: 80%;
    }
    .page .content-category-container .search-category .result-container .result-item .description-container .title{
        font-family: 'futura-pt';
        /*font-weight: 800;*/
        font-weight: 400;
        font-size: 1em;
        /*color: #b2b2b3;*/
        color: black;
        line-height: 1em;
    }
    .page .content-category-container .search-category .result-container .result-item .description-container .description{
        font-family: 'futura-pt';
        font-weight: 400;
        font-size: 0.9em;
        color: #58585a;
    }
    .page .art-category {
        text-align: center;
        margin-top: 34px;
        margin-bottom: 34px;
    }
    .page .art-category .divider {
        color: #402457;
        display: inline-block;
        /* float: left; */
    }
    .page .art-category .category-item {
        display: inline-block;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0 5px;
    
        /* float: left; */
}
    .page .art-category .category-item:first-child{
        margin-left: 0px;
    }
    .page .art-category .category-item:last-child{
        margin-right: 0px;
    }
    .page .art-category .category-item a{
        color: #402457;
        text-decoration: none;
    }
    .page .art-category .category-item.active{
        color: #666667;
    }
    .page .art-category .category-item.active a{
        color: #666667;
        text-decoration: none;
    }
    .page.shop .main-content .shop-container{
        width: 100%;
        margin-left: auto !important;
        margin-right: auto;
        /*margin-top: 45px;*/
        /*text-align: left;*/
        text-align: justify;
        /*z-index: -9;*/
        min-width: 20em;
        min-height: 5em;
    } 
    .page.shop .main-content .shop-container .no-result{
        font-size: 1em;
        font-family: 'futura-pt';
        padding: 10px;
        text-align: center;
    }    
    .page.shop .main-content .shop-container .shop-item{
        background-color: #f0efee;
        /*width: 165px;*/
        width: 24.5%;
        height: 155px;
        display: inline-block;
        /*margin-bottom: 4px;*/
        /*margin-left: -3px;*/
        position: relative;
        cursor: pointer;
    }
    .page.shop .main-content .shop-container .shop-item .shop-category{
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #58585a;
        text-align: right;
        font-size: 0.8em;
        right: 8px;
        position: relative;    
    }
    .page.shop .main-content .shop-container .shop-item .shop-image{
        position: relative;
        overflow: hidden;
        left: 10px;
        top: 7px;
    }
    .page.shop .main-content .shop-container .shop-item .shop-image img{
        text-align: left;
        /*position: relative;*/
        /*left: 10px;*/
        /*width: 40%;*/
        /*top: 7px;*/
        max-width: none;
        width: auto;
        margin-bottom: 0.5em;
        height: 80px;
    }
    .page.shop .main-content .shop-container .shop-item .shop-name, .page.artwork .main-content .art-container .art-item .art-name.page.artwork .main-content .art-container .art-item-search .art-name {
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #58585a;
        text-align: left;
        padding-left: 10px;
        font-size: 0.8em;
        margin-top: 7px;
        line-height: 1.2em;
        height: 1em;
        margin-bottom: 1em;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 92%;
    }
    .page.shop .main-content .shop-container .shop-item .shop-artist {
        font-family: 'futura-pt';
        font-weight: 300;
        color: #58585a;
        text-align: left;
        padding-left: 10px;
        margin-top: -7px;
        font-size: 1.4em;
        line-height: 1.2em;
        width: 88%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .page.shop .main-content .shop-container .shop-item .shop-triangle {
        text-align: right;
        position: absolute;
        right: 0.5em;
        width: 6%;
        bottom: 0.5em;
    }

    .page.shop .main-content .shop-container .shop-item .hover-shop, .page .main-content .art-container .art-item .hover-art, .page .main-content .art-container .art-item-search .hover-art, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork {
        background-color: rgba(64,36,87, 0.94); 
        color: #ffffff !important;
        display: none;
        font-family: 'futura-pt';
        font-weight: 300;
        font-size: 14px;
        height: 100%;
        left: 0px;
        line-height: normal;
        padding: 15px;
        text-align: left;
        top: 0px;
        position: absolute;
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }   

    .page .main-content .art-container .art-item .hover-art .hover-artwork-title-item, .page .main-content .art-container .art-item-search .hover-art .hover-artwork-title-item {
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        overflow: hidden;
        width: 85%;
    }

    .page.shop .main-content .shop-container .shop-item .hover-shop div, .page .main-content .art-container .art-item .hover-art div, .page .main-content .art-container .art-item-search .hover-art div, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork .hover-artwork {
        margin-bottom: 0.625em;
        /*margin-top: 2.5px;*/
        /*margin-left: 10px;*/
        /*margin-right: 10px;        */
    }

    #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork.status .hover-title {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
    }

    #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork.status .hover-title img {
        display: table;
        width: 100%;
    }

    #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork.status .hover-artwork-title-item {
        display: inline-block;
        vertical-align: middle;
        line-height: 0;
    }

    .page.shop .main-content .shop-container .shop-item .hover-shop .hover-shop-triangle, .page .main-content .art-container .art-item .hover-art .hover-art-triangle, .page .main-content .art-container .art-item-search .hover-art .hover-art-triangle, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork-triangle, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork .hover-artwork-triangle {
        margin-bottom: 0.5em;
        /*margin-top: 1px;
        margin-left: 10px;
        margin-right: 10px;       
        padding-top: 10px;*/
        height: auto !important;
        width: auto !important;
    }
    .page.shop .main-content .shop-container .shop-item .hover-shop .hover-artwork .hover-title, .page .main-content .art-container .art-item .hover-art .hover-artwork .hover-title, .page.artwork .main-content .art-container .art-item-search .hover-art .hover-artwork .hover-title, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork .hover-title, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork .hover-artwork .hover-title {
        font-size: 0.9em;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 500;
    }

    .content .upcoming-exhibition-overlay, .content .detail-exhibition-overlay {
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .content .upcoming-exhibition-overlay .upcoming-exhibition-container, .content .detail-exhibition-overlay .detail-exhibition-container {
        /*background-color: rgba(71,71,72, 0.94);*/
        position: relative;
        height: 100%;
        width: 100%;
    }

    .content .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-slider, .content .detail-exhibition-overlay .detail-exhibition-container .detail-slider {
        overflow: hidden;
        position: relative;
    }

    .content .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-slider .upcoming-expand-item, .content .detail-exhibition-overlay .detail-exhibition-container .detail-slider .detail-expand-item {
        margin-top: 8%;
        position: relative;
    }

    .page.home .main-content .shop-container .shop-item .hover-shop {
        position: absolute;
        top: 0px;
        left: 0px;
        font-family: 'futura-pt';
        color: #ffffff;
        background-color: rgba(64,36,87, 0.94); 
        font-size : 1.2em;
        height: 100%;
        width: 100%;
        display: none;
        font-weight: 300;
        text-align: left;
        line-height: 1em;
    }    
    .page.home .main-content .shop-container .shop-item .hover-shop div{
        margin-top: 8px;
        margin-left: 40px;
        margin-right: 10px;        
    }
    .page.home .main-content .shop-container .shop-item .hover-shop .hover-shop-triangle{
        margin-top: 1px;
        margin-left: 40px;
        margin-right: 10px;           
    }
    .page.home .main-content .shop-container .shop-item .hover-shop .hover-artwork .hover-title{
        font-size: 0.9em;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 500;
    }

    .page.home .content-nav-container {
        background-color: #ffffff;
        padding-top: 26px;
    } 
    /*end for shop*/

    /*style for artwork*/
    .page.artwork .content-title{
        margin: 15px 0px;
    }
    .page .content-subtitle {
        display: block;
        text-align: left;
        font-size: 16px;
        margin-top: 0px;
        font-family: 'futura-pt';
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
    }
    @media( min-width: 768px ) {
        .page .content-subtitle {
            font-size: 24px;
        }
    }

    .page .content-subtitle .filter {
        cursor: pointer;
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0px;
        font-size: 14px;
    }

    .page.artwork .content-subtitle .filter:hover {
        text-decoration: underline;
    }
    /*.page.artwork .content-category-container{
        margin-top: 13px;
        text-align: center;
    }
    .page.artwork .content-category-container .search-category{
        width: 33%;
        margin-left: 0px;
        margin-right: -2px;
        background-color: #402457;
        min-height: 0px;
        display: inline-block;
        cursor: pointer;
    }
    .page.artwork .content-category-container .search-category input, .page.artwork .content-category-container .search-category .search-category-value{
        background-color: #402457;
        width: 80%;
        border: 0px solid white;
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: inline-block;
        text-align: left;
        position: relative;
        top: 18%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        height: 1.3em;
        line-height: 1.9em;
    }
    .page.artwork .content-category-container .search-category img{
        position: relative;
        /*bottom: -2px;*/
    /*    bottom: 2px;
        right: 2%;
        width: 8%;
        cursor: pointer;*/
    /*}
    .page.artwork .content-category-container .search-category .result-container{
        background-color: #ffffff;
        position: absolute;
        z-index: 20;
        -webkit-border-radius: 5px;
        border-radius: 5px;    
        -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1); 
        height: 500px;
    }
    .page.artwork .content-category-container .search-category .result-container .no-result{
        font-family: 'futura-pt';
        font-size: 1em;
        padding: 10px;
    }
    .page.artwork .content-category-container .search-category .result-container .recommended-result{
        text-align: left;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 800;
        color: #402457;
        font-size: 1em;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item{
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item .result-images{
        display: inline-block;
        float: left;
        width: 15%;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item .result-images img{
        width: 100%;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item .description-container{
        display: inline-block;
        float: right;
        width: 80%;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item .description-container .title{
        font-family: 'futura-pt';
        font-weight: 800;
        font-size: 1em;
        color: #b2b2b3;
        line-height: 1em;
    }
    .page.artwork .content-category-container .search-category .result-container .result-item .description-container .description{
        font-family: 'futura-pt';
        font-family: 400;
        font-size: 0.9em;
        color: #58585a;
    }*/
    /*.page.artwork .art-category {
        text-align: center;
        margin-top: 34px;
    }*/
    /*.page.artwork .art-category .category-item{
        display: inline-block;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        width: auto;
        font-size: 0.9em;
        margin-right: 0.8em;
        margin-left: 0.8em;
        cursor: pointer;
    }
    .page.artwork .art-category .category-item:first-child{
        margin-left: 0px;
    }
    .page.artwork .art-category .category-item:last-child{
        margin-right: 0px;
    }
    .page.artwork .art-category .category-item a{
        color: #402457;
        text-decoration: none;
    }
    .page.artwork .art-category .category-item.active{
        color: #666667;
    }
    .page.artwork .art-category .category-item.active a{
        color: #666667;
        text-decoration: none;
    }*/
    .page .main-content .art-container {
        display: none;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5em;
        text-align: center;
        min-width: 20em;
        min-height: 5em;
        width: 100%;
    }
    .page .main-content .art-container .no-result{
        font-size: 1em;
        font-family: 'futura-pt';
        padding: 10px;
        text-align: center;
    }
    .page .main-content .art-container .art-item,
    .page.artwork .main-content .art-container .art-item-search {
        background-color: #F0EFEE;
        cursor: pointer;
        margin-bottom: 15px;
        height: auto;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    @media( min-width: 480px ) {
        .page .main-content .art-container .art-item,
        .page.artwork .main-content .art-container .art-item-search {
            width: 30%;
        }
    }
    @media ( min-width: 768px ) {
        .page .main-content .art-container .art-item:nth-child( 3n-1 ) {
            margin-left: 10px;
            margin-right: 10px;
        }
    }
    @media ( min-width: 992px ) {
        .page .main-content .art-container .art-item {
            width: 22.5%;
        }
        .page .main-content .art-container .art-item:nth-child( 3n-1 ) {
            margin-left: 0px;
            margin-right:0px;
        }
        .page .main-content .art-container .art-item:nth-child( 2n-1 ) {
            margin-left: 5px;
            margin-right: 5px;
        }
        .page .main-content .art-container .art-item:nth-child( 2n-2 ) {
            margin-left: 5px;
            margin-right: 5px;
        }
    }
    .page .main-content .art-container .art-item .art-image, .page.artwork .main-content .art-container .art-item-search .art-image {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .page .main-content .art-container .art-item .art-image img, .page.artwork .main-content .art-container .art-item-search .art-image img {
        text-align: left;
        cursor: pointer;
        width: auto;
        height: 100%;
        overflow: hidden;
    }
    .page .main-content .art-container .art-item .art-image div, .page.artwork .main-content .art-container .art-item-search .art-image div {
        cursor: pointer;
    }
    .page .main-content .art-container .art-item .art-artist {
        font-family: 'futura-pt';
        font-weight: 300;
        color: #ffffff;
        line-height: 1;
        text-align: left;
        padding-left: 10px;
        margin: 0px;
        margin-top: -27px;
        font-size: 1.1em;
        cursor: pointer;
        position: absolute;
        bottom: 0.5em;
    }
    .page .main-content .art-container .art-item .art-triangle, .page.artwork .main-content .art-container .art-item-search .art-triangle {
        text-align: right;
        position: absolute;
        right: 1em;
        width: 0.6em;
        bottom: 1em;
        cursor: pointer;
    }

    /*artwork expand*/
    .art-expand-overlay, .upcoming-exhibition-overlay, .detail-exhibition-overlay {
        /*background-color: rgba(71,71,72, 0.94);*/
        position: absolute;
        width: 100%;
        height: 100%;
        top: 4px;
        bottom: 0;
        z-index: 1;
        display: none;
    }

    .popup-backdrop {
        background-color: rgba(71,71,72, 0.94);
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 90;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    @media ( min-width: 768px ) {
        .popup-backdrop {
            padding-left: 160px;
        }
    }
    @media ( min-width: 992px ) {
        .popup-backdrop {
            padding-left: 180px;
        }
    }

    .popup-backdrop img {
        width: 30px;
    }

    .popup-modal {
        background-color: rgba(71,71,72, 0.94);
        bottom: 0px;
        display: none;
        height: 100%;
        margin-top: 49px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 100%;
        z-index: 100;
        left: 0px;
    }
    @media ( min-width: 768px ) {
        .popup-modal {
            padding-left: 160px;
            margin-top: 115px;
        }
    }
    @media ( min-width: 992px ) {
        .popup-modal {
            padding-left: 198px;
        }
    }
    @media ( min-width: 1336px ) {
        .popup-modal {
            padding-left: 240px;
        }
    }
    @media ( min-width: 1440px ) {
        .popup-modal {
            padding-left: 240px;
        }
        .popup-modal .art-reserve .art-reserve-content, .popup-modal .art-enquiry .art-enquiry-content {
            margin: auto;
            width: 890px;
        }
    }
    @media ( min-width: 1600px ) {
        .popup-modal {
            padding-left: 260px;
        }
    }
    @media ( min-width: 1920px ) {
        .popup-modal {
            padding-left: 315px;
        }
    }
    @media ( min-width: 2560px ) {
        .popup-modal {
            padding-left: 420px;
        }
    }
    .popup-modal .art-expand-container {
        position: relative;
        padding: 0px;
        width: 100%;
        height: 100%;
    }

    .popup-modal .art-expand-container .art-slider {
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .popup-modal .art-expand-container .art-slider .art-expand-item {
        position: relative;
        clear: both;
    }

    .popup-modal .art-expand-container .art-expand-image {
        display: block;  
        width: 100%;
        height: auto;
        padding: 60px 0px;
        text-align: center;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media ( min-width: 768px ) {
        .popup-modal .art-expand-container .art-expand-image {
            float: left;
            margin-bottom: 0px;
            padding-right: 280px;
            padding: 30px 280px 30px 0px;
        }
    }

    .popup-modal .art-expand-container .art-expand-image .art-expand-image-big {
        display: block;
        position: relative;
        padding: 0px 15px;
    }
    @media ( min-width: 1440px ) {
        .popup-modal .art-expand-container .art-expand-image .art-expand-image-big {
            margin: auto;
            width: 890px;
        }
    }

    .popup-modal .art-expand-container .art-expand-image .art-reserve,
    .popup-modal .art-expand-container .art-expand-image .art-enquiry,
    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content {
        display: none;
    }

    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content {
        background-color: #fff;
        padding: 60px 0;
        margin: 0px 15px;
    }
    @media ( min-width: 1440px ) {
        .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content,
        .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content {
            margin: auto;
            width: 890px;
        }
    }

    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content img.logo-image,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content img.logo-image {
        display: block;
        margin: auto;
        width: 35%;
    }

    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content .title,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content .title {
        margin-top: 60px;
        font-family: 'GothamLight';
        /* font-size: 3em; */
        line-height: 1;
    }

    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content .note,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content .note {
        font-family: 'GothamLight';
        font-size: 21px;
        margin-top: 45px;
        /* line-height: 1; */
    }

    .popup-modal .art-expand-container .art-expand-image .art-enquiry-success-content .success-button,
    .popup-modal .art-expand-container .art-expand-image .art-reserve-success-content .success-button    
    {
        background-color: #402457;
        color: #FFF;
        font-family: 'gotham_thinregular';
        font-size: 1em;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5em;
        line-height: 2.5em;
        cursor: pointer;
    }


/*    .popup-modal .art-expand-container .art-expand-image .art-expand-image-big.active {
        display: block;
        opacity: 1;
    }
*/
/*    .popup-modal .art-expand-container .art-expand-image .art-reserve.active,
    .popup-modal .art-expand-container .art-expand-image .art-enquiry.active {
        display: block;
    }*/

    .popup-modal .art-expand-container .art-expand-image .image-not-found-expand {
        color: #ffffff;
        font-family: futura-pt;
        width: 660px;
        height: 540px;
        background-color: black;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 2em
    }

    .popup-modal .art-expand-container .art-expand-image .art-expand-image-big img {
        width: 100%;
    }

    .popup-modal .art-expand-container .art-expand-data-container {
        display: block;
        width: 280px;
        padding: 0px 15px;
        position: relative;
        right: 0px;
        float: right;
    }

    @media ( min-width: 768px ) {
        .popup-modal .art-expand-container .art-expand-data-container {
            position: absolute;
            float: left;   
        
            padding: 15px 0px;
            margin-top: 30px;
}
    }

    .popup-modal .art-expand-container .art-expand-item .art-expand-close {
        right: 15px;
        position: absolute;
        top: 15px;
        width: 30px;
        cursor: pointer;
        z-index: 10;
    }
    @media ( min-width: 768px ) {
        .popup-modal .art-expand-container .art-expand-item .art-expand-close {
            right: 30px;
            top: 30px;
        }
    }

    .popup-modal .art-expand-container .art-expand-data-container .art-expand-status-container {
        margin-top: 15px;
        max-width: 75%;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-expand-status-container .art-expand-status {
        color: #ed1c24;
        font-family: 'futura-pt';
        font-weight: bold;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-artist {
        font-family: 'futura-pt';
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        margin-top: 15px;
        line-height: normal;   
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-title {
        font-family: 'futura-pt';
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        line-height: normal;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-exhibition-list {
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 10px;
        line-height: 1.1em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-region {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 10px;
        line-height: 1.1em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-description-container .art-description {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: normal;
        padding-bottom: 1em;
        font-size: 1em;
        margin-top: 1em;
        line-height: 1.25;
        max-height: 16em;
        height: auto;
        min-height: none;
        overflow-y: auto;
        padding-left: 0;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-description-container .art-description li {
        line-height: 1.1;
    }

    .popup-modal .art-expand-container .art-expand-data-container .art-description-container .art-artist-small {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 5px;
        line-height: 1.1em;   
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-copyright {
        margin-top: 15px;
        /*margin-left: 26px;*/
        color: #ffffff;
        font-family: 'futura-pt';
        line-height: 1em;
        font-weight: 300;
    }

    .popup-modal  .art-expand-container .art-expand-data-container .art-price {
        font-family: 'futura-pt';
        color: #ffffff;
        margin-top: 10px;
        /*margin-left: 26px;*/
        font-size: 1.8em;
        font-weight: 300;
        line-height: 1em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-price-first {
        margin-top: 25px;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-price-framed {
        font-size: 1em;
    }        
    .popup-modal .art-expand-container .art-expand-data-container .art-price .currency {
        font-size: 0.5em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-price .gst {
        font-size: 0.5em;
    }    
    .popup-modal .art-expand-container .art-expand-data-container .art-price .gst-gst {
        font-size: 0.5em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-price-framed .currency {
        font-size: 1em;
    }    
    .popup-modal .art-expand-container .art-expand-data-container .art-shipping {
        font-family: 'futura-pt';
        color: #ffffff;
        margin-top: 5px;
        cursor: pointer;
        font-size: 1em;
    }
    .popup-modal .art-expand-container .art-expand-data-container .art-shipping:hover, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-shipping:hover, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-shipping:hover {
        text-decoration: underline;
    }

    .popup-modal .art-scale-image {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 90%;
        min-height: 300px;
        background-color: #ffffff;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: all 300ms;
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .popup-modal .art-scale-image {
            width: 85%;
        }
    }

    .popup-modal .art-scale-image .image-scale-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 10;
    }

    .popup-modal .art-scale-image .img-preview-scale {
        width: 100%;
        height: auto;
    }

    .popup-modal .art-scale-image .img-art-preview {
        position: absolute;
        bottom: 45%;
        left: 45%;
    }

    .popup-modal .art-description {
        transition: all 300ms;
    }

    .popup-modal .art-scale-preview-button {
        color: #402457;
        background-color: #ffffff;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 7%;
        font-family: futura-pt;
        font-weight: bold;
        letter-spacing: 2px;
        width: 142%;
        margin-top: 7px;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        cursor: pointer;
    }

    .popup-modal .art-scale-preview-button:hover {
        color: #ffffff;
        background-color: #402457;
    }

    .popup-modal.show-artscale .art-scale-image {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }

    .popup-modal.show-artscale .art-description {
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    }

    @media (max-width: 768px) {
        .detail-artwork.page .art-scale-image {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 75px 10px 0;
            overflow: hidden;
            background-color: #ffffff;
            opacity: 0;
            visibility: hidden;
            z-index: -1;
            transition: all 300ms;
        }

        .detail-artwork.page .art-scale-image .image-scale-close {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            cursor: pointer;
            z-index: 10;
        }

        .detail-artwork.page .art-scale-image .img-preview-scale {
            width: 100%;
            height: auto;
        }

        .detail-artwork.page .art-scale-image .img-art-preview {
            position: absolute;
            bottom: 35%;
            left: 35%;
            background-color: #cccccc;
        }

        .detail-artwork.page.show-artscale .art-scale-image {
            z-index: 11;
            opacity: 1;
            visibility: visible;
        }

        .detail-artwork.page.show-artscale .main-content {
            z-index: -1;
            opacity: 0;
            visibility: hidden;
        }
    }

    /* POPUP ARTWORK END */


    .art-expand-overlay .art-expand-container, .upcoming-exhibition-overlay .upcoming-exhibition-container, .detail-exhibition-overlay .detail-exhibition-container {
        position: relative;
        width: 100% !important;
        height: 100%;
    }
    .art-expand-overlay .art-expand-container .art-slider, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-slider, .detail-exhibition-overlay .detail-exhibition-container .detail-slider {
        background-color: rgba(71,71,72, 0.94);
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .art-expand-overlay .art-expand-container .art-slider .art-expand-item, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-slider .upcoming-exhibition-item, .detail-exhibition-overlay .detail-exhibition-container .detail-slider .detail-exhibition-item {
        position: relative;
        margin-top: 8%;
    } 
    .art-expand-overlay .art-expand-container .art-expand-image, .upcoming-exhibition-overlay .upcoming-exhibition-container .detail-expand-image, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-image {
        position: relative;
        display: inline-block;
        vertical-align: top;  
        margin-left: 8.5em;
        width: 60%;
        margin-top: 0em;
        height: auto;
        text-align: center;
        height: 80%;
    }
    .art-expand-overlay .art-expand-container .art-expand-image .image-not-found-expand, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-image .image-not-found-expand, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-image .image-not-found-expand {
        color: #ffffff;
        font-family: futura-pt;
        width: 660px;
        height: 540px;
        background-color: black;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 2em
    }
    .art-expand-overlay .art-expand-container .art-expand-image .art-expand-image-big img,
    .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-image .upcoming-expand-image-big img,
    .detail-exhibition-overlay .detail-exhibition-container .detail-expand-image .detail-expand-image-big img {
         width: 100%;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container {
        right: 1%;
        display: inline-block;
        width: 20%;
        /*height: auto;*/
        /*margin-top: 40px;*/
        position: relative;
        margin-left: 7%;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-close, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-expand-close, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-expand-close {
        float: right;
        right: 0%;
        position: absolute;
        top: 0%;
        width: 20%;
        cursor: pointer;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-status-container, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-expand-status-container, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-expand-status-container {
        margin-top: 2em;
        height: 2em;
        /*margin-left: 26px;*/
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-status-container .art-expand-status, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-expand-status-container .upcoming-expand-status, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-expand-status-container .detail-expand-status {
        color: #ed1c24;
        font-family: 'futura-pt';
        font-weight: bold;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-artist, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-artist, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-artist {
        font-family: 'futura-pt';
        color: #ffffff;
        font-size: 1.7em;
        /*margin-left: 26px;*/
        font-weight: 300;
        margin-top: 15px;
        line-height: 1em;   
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-title, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-title, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-title {
        font-family: 'futura-pt';
        color: #ffffff;
        margin-top: 0.75em;
        margin-left: 0;
        font-size: 1.7em;
        font-weight: 300;
        line-height: 1.05em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-exhibition-list, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-exhibition-list, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-exhibition-list {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 10px;
        line-height: 1.1em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-region, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-region, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-region {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 10px;
        line-height: 1.1em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-description, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-description-container .upcoming-description, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-description-container .detail-description {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: normal;
        padding-bottom: 1em;
        font-size: 1em;
        margin-top: 1em;
        line-height: 1.25;
        max-height: 16em;
        height: auto;
        min-height: none;
        overflow-y: auto;
        padding-left: 0;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-description li,
    .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-description-container .upcoming-description li,
    .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-description-container .detail-description li {
        line-height: 1.1;
    }

    .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-artist-small, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-description-container .upcoming-artist-small, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-description-container .detail-artist-small {
        /*margin-left: 26px;*/
        color: #b2b2b3;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 0.9em;
        margin-top: 5px;
        line-height: 1.1em;   
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-copyright, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-copyright, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-copyright {
        margin-top: 15px;
        /*margin-left: 26px;*/
        color: #ffffff;
        font-family: 'futura-pt';
        line-height: 1em;
        font-weight: 300;
    }

    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-price, .detail-exhibition-overlay .detail-exhibition-container .detail-price {
        font-family: 'futura-pt';
        color: #ffffff;
        margin-top: 10px;
        /*margin-left: 26px;*/
        font-size: 1.8em;
        font-weight: 300;
        line-height: 1em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price-first, .upcoming-exhibition-overlay .upcoming-exhibition-container .detail-price-first, .detail-exhibition-overlay .detail-exhibition-container .detail-price-first {
        margin-top: 25px;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price-framed, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-price-framed, .detail-exhibition-overlay .detail-exhibition-container .detail-price-framed {
        font-size: 1em;
    }        
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price .currency, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-price .currency, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-price .currency {
        font-size: 0.5em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price .gst, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-price .gst, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-price .gst {
        font-size: 0.5em;
    }    
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price .gst-gst, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-price .gst-gst, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-price .gst-gst {
        font-size: 0.5em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-price-framed .currency, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-price-framed .currency, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-price-framed .currency {
        font-size: 1em;
    }    
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-shipping, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-shipping, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-shipping {
        font-family: 'futura-pt';
        color: #ffffff;
        margin-top: 5px;
        cursor: pointer;
        font-size: 1em;
    }
    .art-expand-overlay .art-expand-container .art-expand-data-container .art-shipping:hover, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-expand-data-container .upcoming-shipping:hover, .detail-exhibition-overlay .detail-exhibition-container .detail-expand-data-container .detail-shipping:hover {
        text-decoration: underline;
    }

    /* template for reserve*/
    .art-reserve{
        display: none;
        margin: 0px 30px;
        background-color : rgb(251, 251, 251);
    }
    .art-reserve .art-reserve-content{
        /* width: 90%; */
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 5em; */
        padding: 1em 0;
    }
    .art-reserve .art-reserve-content .title{
        font-family: 'GothamLight';
        font-size: 2.5em;
        padding-bottom: 1em;
        line-height: 1em;
    }
    .art-reserve .art-reserve-content .note{
        font-family: 'GothamLight';
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.2em;
        padding-bottom: 1em;
    }
    .art-reserve .art-reserve-content .form-reserve{
        font-family: 'gotham_thinregular';
        text-align: left;
        /* background-color: #ffffff; */
        padding: 0.5em;
    }
    @media ( min-width: 992px ) {
        .art-reserve .art-reserve-content .form-reserve .left {
            position: relative;
            width: 50%;
            float: left;
            padding-right: 5px; 
        }
    }
    .art-reserve .art-reserve-content .form-reserve .left .input{
        width: 100%;
    }    
    .art-reserve .art-reserve-content .form-reserve .left .input input{
        width: 100%;
        background-color: #D8D5D5;
        color: #ffffff;       
        font-weight: bold;
        text-transform: uppercase;
        min-height: 30px;
    }
    .art-reserve .art-reserve-content .form-reserve .left .input input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }

    @media ( min-width: 992px ) {
        .art-reserve .art-reserve-content .form-reserve .right{
            position: relative;
            width: 50%;
            float: left;
        
            padding-left: 5px;
}   
    }
    .art-reserve .art-reserve-content .form-reserve .right .input{
        width: 100%;
    }
    .art-reserve .art-reserve-content .form-reserve .right .input input{
        width: 100%;
        background-color: #D8D5D5;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
    
        min-height: 30px;
}
    .art-reserve .art-reserve-content .form-reserve .right .input input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);       
    }
    .art-reserve .art-reserve-content .form-reserve input{
        font-family: 'futura-pt';
    }
    .art-reserve .art-reserve-content .note-bottom{
        font-family: 'gotham_thinregular';
        padding-top: 2em;
        font-size: 1.75em;
        padding-bottom: 1em;
    
        line-height: normal;
}
    .art-reserve .art-reserve-content .form-reserve-footer{
        font-family: 'gotham_thinregular';
        font-size: 1.25em;
    }
    .art-reserve .art-reserve-content .form-reserve-footer .checkbox-message{
        opacity: 0;
    }
    .art-reserve .art-reserve-content .button-submit {
        display: block;
        border: none;
        background-color: #402457;
        border: none;
        color: #ffffff;
        display: block;
        font-family: 'gotham_thinregular';
        font-size: 1em;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5em;
        margin-bottom: 1em;
        line-height: 2.5em;
        cursor: pointer;
    }
    .art-reserve .ajax-loader{
        opacity: 0;
        width: 10%;
    }
    .art-reserve .art-reserve-success-content img{
        padding-top: 7em;
    }
    .art-reserve .art-reserve-success-content .title{
        font-family: 'GothamLight';
        font-size: 2.5em;
        padding-bottom: 1em;
        padding-top: 3em;
    }
    .art-reserve .art-reserve-success-content .note{
        font-family: 'GothamLight';
        font-size: 1.75em;
        line-height: 1.2em;
        padding-bottom: 1em;        
    }
    .art-reserve .art-reserve-success-content .success-button{
        background-color: #402457;
        color: #ffffff;
        font-family: 'gotham_thinregular';
        font-size: 1em;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5em;
        line-height: 2.5em;
        cursor: pointer;
    }
    .art-reserve ::-webkit-input-placeholder {
        color: #fff;
    }

    .art-reserve ::-moz-placeholder {
        color: #fff;
    }

    .art-reserve :-moz-placeholder {
        color: #fff;
    }

    .art-reserve :-ms-input-placeholder {
        color: #fff;
    }    
    /*end of reserve template*/

    /* template for enqiuiry*/
    .art-enquiry{
        display: none;
        margin: 0px 30px;
        background-color : rgb(251, 251, 251);
    }
    .art-enquiry .art-enquiry-content{
        /* width: 90%; */
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        padding-bottom: 1em;
    }
    .art-enquiry .art-enquiry-content .title{
        font-family: 'GothamLight';
        font-size: 2.25em;
        padding-bottom: 1em;
        line-height: 1em;
    }
    .art-enquiry .art-enquiry-content .note{
        font-family: 'GothamLight';
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.2em;
        padding: 1em 0;
    }
    .art-enquiry .art-enquiry-content .form-enquiry{
        font-family: 'gotham_thinregular';
        text-align: left;
        /* background-color: #ffffff; */
        padding: 0.5em;
    }
    @media ( min-width: 992px ) {
        .art-enquiry .art-enquiry-content .form-enquiry .left{
            position: relative;
            width: 50%;
            float: left;
            /* margin-right: 0.5em; */ 
        
            padding-right: 5px;
}   
    }

    .art-enquiry .art-enquiry-content .form-enquiry .left .input{
        width: 100%;
    }    
    .art-enquiry .art-enquiry-content .form-enquiry .left .input input{
        width: 100%;
        background-color: #D8D5D5;
        color: #ffffff;       
        font-weight: bold;
        text-transform: uppercase;
        min-height: 30px;
    }
    .art-enquiry .art-enquiry-content .form-enquiry .left .input input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }
    @media ( min-width: 992px ) {
        .art-enquiry .art-enquiry-content .form-enquiry .right{
            position: relative;
            width: 50%;
            float: left;
        
            /* font-size: 0; */
            padding-left: 5px;
}   
    }

    .art-enquiry .art-enquiry-content .form-enquiry .right .input{
        width: 100%;
    }
    .art-enquiry .art-enquiry-content .form-enquiry .right .input input{
        width: 100%;
        background-color: #D8D5D5;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
    
        min-height: 30px;
}
    .art-enquiry .art-enquiry-content .form-enquiry .right .input input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }
    .art-enquiry .art-enquiry-content .form-enquiry input{
        font-family: 'futura-pt';
    }
    .art-enquiry .art-enquiry-content .form-enquiry textarea{
        width: 100%;
        font-family: 'futura-pt';
        background-color: #D8D5D5;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;     
    }    
    .art-enquiry .art-enquiry-content .form-enquiry textarea:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }
    .art-enquiry .art-enquiry-content .note-bottom{
        font-family: 'gotham_thinregular';
        padding-top: 2em;
        font-size: 1.75em;
        padding-bottom: 1em;
    }
    .art-enquiry .art-enquiry-content .form-enquiry-footer{
        font-family: 'gotham_thinregular';
        font-size: 1.25em;
    }
    .art-enquiry .art-enquiry-content .form-enquiry-footer .checkbox-message{
        opacity: 0;
    }    
    .art-enquiry .art-enquiry-content .button-submit{
        border: none;
        background-color: #402457;
        display: block;
        color: #ffffff;
        font-family: 'gotham_thinregular';
        font-size: 1em;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5em;
        line-height: 2.5em;
        text-align: center;
        cursor: pointer;
        margin-bottom: 1em;
    }

    .form-loader {
        position: relative;
    }

    .form-loader .ajax-loader {
        position: relative;
        width: 30px;
    }

    .art-enquiry .art-enquiry-success-content img{
        padding-top: 7em;
    }
    .art-enquiry .art-enquiry-success-content .title{
        font-family: 'GothamLight';
        font-size: 2.5em;
        padding-bottom: 1em;
        padding-top: 3em;
    }
    .art-enquiry .art-enquiry-success-content .note{
        font-family: 'gotham_thinregular';
        font-size: 1.75em;
        line-height: 1.2em;
        padding-bottom: 1em;        
    }
    .art-enquiry .art-enquiry-success-content .success-button{
        background-color: #402457;
        color: #ffffff;
        font-family: 'gotham_thinregular';
        font-size: 1em;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5em;
        line-height: 2.5em;
        cursor: pointer;
    }
    .art-enquiry ::-webkit-input-placeholder {
        color: #fff;
    }

    .art-enquiry ::-moz-placeholder {
        color: #fff;
    }

    .art-enquiry :-moz-placeholder {
        color: #fff;
    }

    .art-enquiry :-ms-input-placeholder {
        color: #fff;
    }
    /*end of enquiry template*/

    /*dyahisnaeny: add*/
    .art-button, .upcoming-button, .detail-button {
        /*position: absolute;*/
        /*width: 20%;*/
        /*margin-left: 15%;*/
        right: 0%;
        bottom: 5%;
    }
    /*.art-expand-overlay .art-expand-container .art-expand-data-container .art-purchase-button*/
    .art-purchase-button, .art-disable-purchase-button, .upcoming-purchase-button, .detail-purchase-button {
        color: #402457;
        background-color: #ffffff;
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 7%;
        font-family: futura-pt;
        font-weight: bold;
        letter-spacing: 2px;
        width: 142%;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        margin-top: 15%;
        cursor: pointer;
    }

    .art-disable-purchase-button {
        color: #fff;
        background-color: #402457;
        cursor: default; 
    }

    .art-purchase-button:hover, .upcoming-purchase-button:hover, .detail-purchase-button:hover {
        color: #ffffff;
        background-color: #402457;
    }
    /*.art-expand-overlay .art-expand-container .art-expand-data-container .art-reserve-button*/
    .art-reserve-button, .upcoming-reserve-button, .detail-reserve-button {
        color: #402457;
        background-color: #ffffff;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 7%;
        font-family: futura-pt;
        font-weight: bold;
        letter-spacing: 2px;
        width: 142%;
        margin-top: 7px;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        cursor: pointer;
        /*position: absolute;*/
    }
    .art-reserve-button:hover, .upcoming-reserve-button:hover, .detail-reserve-button:hover {
        color: #ffffff;
        background-color: #402457;
    }

    .art-enquiry-button,
    .art-scale-preview-btn {
        color: #402457;
        background-color: #ffffff;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 7%;
        font-family: futura-pt;
        font-weight: bold;
        letter-spacing: 2px;
        width: 142%;
        margin-top: 7px;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        cursor: pointer;
        /*position: absolute;*/
    }

    .art-enquiry-button:hover, .upcoming-reserve-button:hover, .detail-reserve-button:hover{
        color: #ffffff;
        background-color: #402457;        
    }

    .art-favourites-button-link{
        color: #402457;
        background-color: #ffffff;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 7%;
        font-family: futura-pt;
        font-weight: bold;
        letter-spacing: 2px;
        width: 142%;
        margin-top: 25px;
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        cursor: pointer;
        opacity: 0;
    }

    .art-favourites-button-link:hover, .upcoming-favourites-button-link:hover, .detail-favourites-button-link:hover{
        color: #ffffff;
        background-color: #402457;        
    }

    .art-expand-overlay .art-expand-more{
        font-family: 'futura-pt';
        font-weight: bold;
        color: #402457;
        text-align: center;
        margin-top: 224px;
        font-size: 1em;
        cursor: pointer;
    }
    .art-expand-overlay .art-expand-more span{
        font-weight: 300;
        color: #58585a;
    }
    /*dyahisnaeny : add css for art-triangle expand*/
    .art-triangle-expandleft, .upcoming-triangle-expandleft, .detail-triangle-expandleft {
        position: absolute;
        top: 50%;
        left: 15px;
        cursor: pointer;
        z-index: 9;
        opacity: 0.3;
    }
    .art-triangle-expandright, .upcoming-triangle-expandright, .detail-triangle-expandright {
        position: absolute;
        top: 50%;
        right: 15px;
        cursor: pointer;
        float: right;
        opacity: 0.3;
    }
    @media ( min-width: 768px ) {
        .art-triangle-expandleft, .upcoming-triangle-expandleft, .detail-triangle-expandleft {
            left: 60px;
        }
        .art-triangle-expandright, .upcoming-triangle-expandright, .detail-triangle-expandright {
            right: 60px;
        }
    }
    .art-expand-image-link, .upcoming-expand-image-link, .detail-expand-image-link {
        width: 100%;
        font-weight: bold;
        color: #5C246E;
        margin-top: 1em;
    }
    .art-expand-image-linkright, .upcoming-expand-image-linkright, .detail-expand-image-linkright {
        float: left;
        margin-top: 1%;
        width: 100%;
    }
    .art-expand-image-linkright .personal-add-container, .upcoming-expand-image-linkright .personal-add-container, .detail-expand-image-linkright .personal-add-container {
        cursor: pointer;
    }
    .art-expand-image-linkright img, .upcoming-expand-image-linkright img, .detail-expand-image-linkright img {
        width:15%; 
    }
    .art-expand-image-linkright span, .upcoming-expand-image-linkright span, .detail-expand-image-linkright span {
        font-size: 1em;
        font-family: 'futura-pt';
    }
    .art-expand-image-linkright .text-info, .upcoming-expand-image-linkright .text-info, .detail-expand-image-linkright .text-info {
        color: red;
        opacity: 0;
        font-family: 'futura-pt';
    }
    .art-expand-image-linkleft, .upcoming-expand-image-linkleft, .detail-expand-image-linkleft {
        float: left;
        text-align: left;
        cursor: pointer;
        position: relative;
        width: 100%;
        margin-top: 1em;
        margin-left: 0.5em;
        margin-bottom: 0.3em; 
    }
    .art-expand-image-linkleft img, .upcoming-expand-image-linkleft img, .detail-expand-image-linkleft img {
        width: auto;
        height: 20px;
        margin-right: 10px;
    }
    /*end for artwork*/

    /*style for member login*/
    .page.member-login .main-content{
        text-align: center;
    }
    .page.member-login .main-content .content {
        display: block;
        float: left;
        font-size: 14px;
        font-family: 'futura-pt';
        margin-bottom: 30px;
        line-height: normal;
        padding: 0px 15px;
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }
    @media ( min-width: 1200px ) {
        .page.member-login .main-content .content {
            min-height: 320px;
            width: 50%;
        }   
    }
    .page.member-login .main-content .content-left{
        text-align: left;
        float: left;
        padding: 15px;
    
        width: 100%;
}
    .page.member-login .main-content .content-left img{
        margin-bottom: 1em;
    }
    .page.member-login .main-content .content-left div{
        font-weight: 300;
        font-size: 16px;
    }
    .page.member-login .main-content .content-right{
        float: left;
        width: 100%;
        padding: 15px;
    }
    .page.member-login .main-content .content-right .right-container{
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 7em;
        left: 0;
        right: 0;
    }
    .page.member-login .main-content .content-right .ajax-loader {
        height: 2em;
        display: none;
        margin-top: 1em;
        position: relative;
        z-index: -1;
    }
    .page.member-login .main-content .content-right .ajax-loader img{
        height: 100%;
        width: auto;
    }
    .page.member-login .main-content .content-right .login{
        background-color: #b2b2b3;
        margin: 5px auto;    
    }

    .page.member-login .main-content .content-right .login.inline .input-address {
        float: left;
        width: 50%;
    }

    .page.member-login .main-content .content-right .login.inline .input-suburb {
        width: 30%;
    }

    .page.member-login .main-content .content-right .login:first-child{
        margin-top: 8em;
    }
    .page.member-login .main-content .content-right .login:nth-child(11) {
        margin-top: 60px;
    }
    .page.member-login .main-content .content-right.sign-up .login:first-child{
        margin-top: 0px;
    }
    .page.member-login .main-content .content-right .login input{
        background-color: #b2b2b3;
        /*width: 220px;*/
        width: 100%;
        border: 0px solid white;
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0px;
        /*padding-top: 9px;*/ 
    
        min-height: 30px;
}
    .page.member-login .main-content .content-right .login input:focus{
         border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
   }
    .page.member-login .main-content .content-right .login-button{
        background:  none;
        border: none;
        font-family: 'futura-pt';
        color: #402457;
        font-weight: bold;
        margin: 15px 0px;
        cursor: pointer;
        float: right;
    
        outline: none;
}
    .page.member-login .main-content .content-right .forgot_password{
        cursor: pointer;
        margin: 15px 0px;
        text-align: left;
        text-decoration: underline;
        float: left;
    }
    .page.member-login .main-content .content-right .login-button img{
        width: 10px;
    }
    .page.member-login .main-content .content-right .is-not-member, .page.member-login .main-content .content-right .save-account-data{
        margin: 20px auto 10px;
        font-family: 'futura-pt';
        color: #ffffff;
        font-weight: bold;
        text-align: left;
        background-color: #402457;
        font-size: 14px;
        padding: 5px 10px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .member-login ::-webkit-input-placeholder {
        color: #fff;
    }

    .member-login ::-moz-placeholder {
        color: #fff;
    }

    .member-login :-moz-placeholder {
        color: #fff;
    }

    .member-login :-ms-input-placeholder {
        color: #fff;
    }
    /*end for member login*/

    /*style for artist*/
    .page.artist .content-title {
        /* margin-top: 1em; */
    }
    .page.artist .menu-artist + .main-content > div.span12 {
        margin-left: 0px;
    }
    .page.artist .content-subtitle {
        text-align: left;
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'futura-pt';
        font-weight: 400;
        margin: 0 auto !important;
        width: 680px;
    }

    .page.artist .menu-artist a {
        color: #58585A;
    }

    .page.artist .menu-artist a:hover, .page.artist .menu-artist a:active, .page.artist .menu-artist a.active {
        color: #402457;
    }

    .page .main-content .artist-container, .page .main-content .artwork-container, .page .main-content .art-container {
        text-align: center;
    }
    @media ( min-width: 768px ) {
        .page .main-content .artist-container, .page .main-content .artwork-container, .page .main-content .art-container {
            padding: 15px 0px;
        }
    }

    .page .main-content .artist-container .no-result {
        font-family: 'futura-pt';
        font-size: 1em;
        padding: 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 1em;
    }

    .page .main-content .artist-container .artist-item {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 15px;
        position: relative;
        vertical-align: top;
        width: 100%;
    }
    @media ( min-width: 480px ) {
        .page .main-content .artist-container .artist-item {
            width: 30%;
        }
        .page .main-content .artist-container .artist-item:nth-child(3n-1) {
            margin-left: 10px;
            margin-right: 10px;
        }
    }

    .page .main-content .artist-container .artist-item .artist-img {
        background-color: #F0EFEE;
        height: 0px;
        padding-bottom: 100%;
        margin-bottom: 5px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .page .main-content .artist-container .artist-item .artist-img .square {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        overflow: hidden;
    }
    .page .main-content .artist-container .artist-item .artist-img .square .centered {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transform: translate( 50%, 50% );
        -moz-transform:  translate( 50%, 50% );
        -ms-transform:  translate( 50%. 50% );
        -o-transform:  translate( 50%, 50% );
        transform: translate( 50%, 50% );
    }
    .page .main-content .artist-container .artist-item .artist-img .square img {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: auto;
        -webkit-transform: translate( -50%, -50% );
        -moz-transform:  translate( -50%, -50% );
        -ms-transform:  translate( -50%. -50% );
        -o-transform:  translate( -50%, -50% );
        transform: translate( -50%, -50% );
    }
    .page .main-content .artist-container .artist-item .artist-img .square img.landscape {
        height: 100%;
        width: auto;
    }
    .page .main-content .artist-container .artist-item .artist-img .square img.portrait {
        height: auto;
        width: 100%;
    }

    .page .main-content .artist-container .artist-item .artist-img .item {
        max-width: none;
        color: #F0EFEE;
        text-align: center;
    }

    
    .page .main-content .artist-container .artist-item .hover-artist {
        background-color: #ffffff;
        height: 100%;
        top: 0;
        opacity: 0;
        position: absolute;
        width: 100%;
        -webkit-transition: opacity 0.3s ease-in-out;
           -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
    }

    .page .main-content .artist-container .artist-item .hover-artist img {
        position: absolute;
        display: none;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 30px;
    }

    .page .main-content .artist-container .artist-item .hover-artist:hover, .page .main-content .artist-container .artist-item .hover-artist.show {
        opacity: 0.5;
    }

    .page .main-content .artist-container .artist-item .hover-artist.show img {
        display: block;
    }

    .page .main-content .artist-container .artist-item .artist-name {
        font-size: 1em;
        line-height: 1;
        font-family: 'futura-pt';
        font-weight: 400;
        text-align: left;
    }
    .page .main-content .artist-container .artist-item .artist-name a {
        display: block;
        color: inherit;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .page .main-content .artist-container .artist-item .artist-title {
        font-family: 'futura-pt';
        color: #b2b2b3;
        font-weight: bold;
        margin-top: 18px;
        font-size: 0.8em;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 1em;
    }
    .page .main-content .artist-container .artist-item .artist-description{
        font-family: 'futura-pt';
        padding-left: 10px;
        font-weight: 300;
        color: #58585a;
        margin-top: 15px;
        line-height: 1.1em;
    }
    .page .main-content .artist-container .artist-item .artist-image {
        width: 100%;
        overflow: hidden;
    }
    .page .main-content .artist-container .artist-item .artist-date{
        position: absolute;
        top: 5%;
        font-family: futura-pt;
        right: 5px;
        font-size: 0.85em;
        color: #402457;
    }
    .page .main-content .artist-container .artist-item .artist-link{
        position: absolute;
        bottom: 13%;
        right: 10px;
        font-size: 0.85em;
        text-decoration: underline;
        color: #402457;
        font-family: 'futura-pt';
        font-weight: bold;
    }
    .page .main-content .artist-container .artist-item .artist-link a {
        /*color: #402457;*/
    }

    .page .main-content .artist-container-description {
        font-family: 'futura-pt';
        margin-top: 2em;
    }

    .page .main-content .artist-container-description .caption {
        margin-right: 0.75em;
        font-size: 1.25em;
    }

    .page .main-content .artist-container-description .link a {
        color: #402457;
        font-weight: bold;
        font-size: 1em;
        text-transform: uppercase;
    }

    .page .main-content .artist-container-description .link a:hover {
        text-decoration: underline;
    }
    /*end style fo artist

    /*style for exhibitions*/
    .page.exhibitions, .page.home {
        margin: 0 auto;
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    .page .content-nav-container .content-nav-item {
        display: inline-block;
        font-family: 'futura-pt';
        font-weight: bold; 
        color: #58585a;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        line-height: 1;
        margin: 5px;
    }
    
    .page .content-nav-container .content-nav-item.active,
    .page .content-nav-container .content-nav-item:hover,
    .page .content-nav-container .content-nav-item:focus {
        color: #402457;
    }
    .page .content-nav-container .content-nav-item a:hover {
        text-decoration: underline;
    }
    .page.exhibitions .main-content .exhibition-container {
        margin-top: 17px;
    }
    .page.exhibitions .main-content .exhibition-container i{
        font-style: normal;
    }
    .page .main-content .exhibition-container .exhibition-item {
        background-color: #fbfbfb;
        margin-bottom: 30px;
        padding: 15px;
    }
    .page .main-content .exhibition-container .exhibition-item:last-child {
        margin-bottom: 0;
    }
    .page .main-content .exhibition-container .exhibition-item:hover {
        background-color: rgb(253, 253, 253);
        cursor: pointer;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero:hover {
        cursor: pointer;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-date{
        font-family: 'futura-pt';
        color: #402457;
        font-weight: 300;
        text-align: right;
        position: relative;
        font-size: 0.86em;
        padding: 0 1em;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-name {
        font-family: 'futura-pt';
        font-size: 24px;
        margin: 0px;
        margin-bottom: 5px;
        font-weight: 400;
    
        line-height: 1;
}
    .exhibition-title.uppercase {
        font-family: 'futura-pt';
        color: #b2b2b3;
        font-weight: bold;
        margin: 0px 0px 15px 0px;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-subtitle {
        font-family: 'futura-pt';
        font-weight: 300;
        padding: 0px;
        margin-bottom: 15px;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-subtitle p {
        font-size: inherit !important;
        line-height: inherit !important;
        font-family: inherit !important;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-subtitle span {
        font-size: inherit !important;
        line-height: inherit !important; 
        font-family: inherit !important;       
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-subtitle a{
        color: #402457;
        text-decoration: none;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-link {
        padding: 0;
        /* font-size: 1em; */
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-link a {
        color: #402457;
        font-family: 'futura-pt';
        font-weight: bold;
        text-transform: uppercase;
    }
    .page .main-content .exhibition-container .exhibition-item .exhibition-link a:hover {
        text-decoration: none !important;
    }

    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-description{
        font-family: 'futura-pt';
        color: #58585a;
        font-weight: 400;
        margin-top: 4px;
        line-height: 1.2em;
        padding: 1em;
        margin-bottom: 1em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container{
        margin-top: 23px;
        margin-right: auto;
        margin-left: auto;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .row-fluid:last-child{
        margin-bottom: 0px;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd{
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd, .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even{
        /*margin-bottom: 2px;*/
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left{
        position: relative;
        float:left;
        display: inline-block;
        width: 49.9%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left img{
        width: 100%;
    }
    /*rollover left*/
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover{
        position: absolute;
        width: 55%;
        top: 20%;
        right: 0;
        color: white;
        font-family: 'futura-pt';
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content {
        position: absolute;
        top: 12%;
        right: 0;
        font-size: 0.8em;
        line-height: 1em;
        width: 80%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .content:nth-child(2) .title{
        text-transform: uppercase;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .content .date{
        text-transform: uppercase;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .content .title-label {
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .artist {
        font-size: 1.4em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content {
        font-size: 0.8em;
        line-height: 1.5em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-left .readon {
        position: absolute;
        top: 92%;
        right: 0;
        color: white;
        cursor: pointer;
        font-family: 'futura-pt';
        font-size: 1.15em;
        display: inline;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right{
        float: right;
        display: inline-block;
        width: 49.9%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right img{
        width: 49.9%;
        display: inline;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(odd){
        margin-right: 3px;
        margin-left: 1.5px;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(2){
        /*margin-bottom: 5px;*/
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(1){
        /*margin-bottom: 5px;*/
    }
    /*rollover right*/
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right div {
        width: 49.5%;
        /*height: 11.2em;*/
        height: auto;
        margin-bottom: 5px;
        margin-right: 0.1em;
        float: left;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right div.artwork-meta {
        position: relative;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right img {
        width: 100%;
        display: inline;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right .exhibition-artist {
        position: absolute;
        bottom: 1em;
        left: 0.5em;
        color: #FFFFFF;
        font-family: 'futura-pt';
        font-size: 1em;
        width: 65%;
        height: auto;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right .exhibition-triangle {
        position: absolute;
        width: 7%;
        bottom: 1em;
        right: 1em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left{
        float: left;
        display: inline-block;
        width: 49.9%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div {
        width: 49.5%;
        /*height: 11.2em;*/
        height: auto;
        margin-bottom: 3px;
        float: left;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div:nth-child(even){
        margin-left: 4px;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div.artwork-meta {
        position: relative;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left img{
        width:100%;
        display: inline;
        /*margin-bottom: 4px;*/
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left img:nth-child(odd){
        /*margin-right: 4.8px;*/
        /*margin-left: 1.5px;*/
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left img:nth-child(2){
        /*margin-bottom: 3px;*/
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left img:nth-child(1){
        /*margin-bottom: 3px;*/
    }
    /*rollover left for even*/
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-artist {
        position: absolute;
        bottom: 1em;
        left: 0.5em;
        color: #FFFFFF;
        font-family: 'futura-pt';
        font-size: 1em;
        width: 65%;
        height: auto;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-triangle {
        position: absolute;
        width: 7%;
        bottom: 1em;
        right: 1em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right{
        position: relative;
        float:right;
        display: inline-block;
        width: 49.75%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right img{
        width: 100%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product{
        position: absolute;
        background-color: rgba(45, 6, 54, 0.9);
        width: 100%;
        height: 100%;
        top:0;
        color: #FFFFFF;
        font-family: 'futura-pt';
        display: none;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product_triangle{
        position: absolute;
        width: 3.5%;
        top:12%;
        left: 8%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content{
        position: relative;
        top:20%;
        left: 8%;
        line-height: 1em;
        margin-bottom: 4%;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title-label{
        text-decoration: underline;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.65em;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title{
        font-size: 0.8em;
        text-transform: uppercase;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .price{
        font-size: 0.8em
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .button_buy .content{
        position: absolute;
        color: #580C53;
        top: 78%;
        left: 85.5%;
        text-decoration: underline;
        text-transform: uppercase;
        font-size: 0.65em;
        font-weight: bold;
        cursor: pointer;
    }
    .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .button_buy img{
        position: absolute;
        right: 0;
        top: 68%;
        width: 18%;
    }
    .page .main-content .exhibition-container .exhibition-item .item-left, .page .main-content .exhibition-container .exhibition-item .item-right {
        display: inline-block;
        vertical-align: top;
    }
    .page .main-content .exhibition-container .exhibition-item .item-left {
        display: block;
        padding: 0px 15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: margin 0.3s ease-in-out;
           -moz-transition: margin 0.3s ease-in-out;
            -ms-transition: margin 0.3s ease-in-out;
                transition: margin 0.3s ease-in-out;

    }
    @media ( min-width: 480px ) {
        .page .main-content .exhibition-container .exhibition-item .item-left.has-thumbnail {
            margin-right: 225px;
        }
    }
    @media ( min-width: 1200px ) {
        .page .main-content .exhibition-container .exhibition-item .item-left.has-thumbnail {
            margin-right: 320px;
        }
    }
    .page .main-content .exhibition-container .exhibition-item .item-right {
        display: block;
        padding: 0px 15px;
        margin-bottom: 15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: width 0.3s ease-in-out;
           -moz-transition: widht 0.3s ease-in-out;
            -ms-transition: width 0.3s ease-in-out;
                transition: width 0.3s ease-in-out;
    }
    @media ( min-width: 480px ) {
        .page .main-content .exhibition-container .exhibition-item .item-right {
            float: right;
            width: 225px;
        }
    }
    @media ( min-width: 1200px ) {
        .page .main-content .exhibition-container .exhibition-item .item-right {
            width: 320px;
        }
    }
    .page .main-content .exhibition-container .exhibition-item .item-right .exhibition-image-container {
        margin: 0 auto;
    }
    .page .main-content .exhibition-container .exhibition-item .item-right .exhibition-image-container .image-content img {
        color: #FBFBFB;
        display: block;
        width: 100%;
    
        height: auto;
}

    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content, .page .exhibition-image-container .image-content {
        display: block;
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content, .page .exhibition-image-container .artist-name {
        margin-top: 10px;
        text-transform: uppercase;
        text-align: center;
        color: #402457;
        font-family: 'futura-pt';
    }
    .page .exhibition-image-container .artist-name{
        text-align: left;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero {
        border-bottom: 1px groove;
        padding: 0;
        padding-bottom: 4em;
        margin: 0;
        background: none;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container {
        width: 100% !important;
        margin: 0 auto;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content {
        overflow: hidden;
        position: relative;
    }
    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content img, .page .exhibition-image-container .image-content .rollover-current img {
        width: 100%;
    }

    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content .rollover-current img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        left: 0;
        margin-right: 0;
        height: 100%;
        width: auto;
    }

    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content .rollover-current {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        width: auto;
        height: 85%;
        bottom: 0;
        margin: auto;
    }

    .page .main-content .exhibition-container .exhibition-item.box-hero .exhibition-image-container .image-content .rollover-current .title-exhibition, .page .exhibition-image-container .image-content .rollover-current .title-exhibition {
        /* font-size: 10px; */
        margin-left: 20%;
        margin-right: 5%;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .page.exhibitions .main-content .exhibition-more{
        text-align: center;
        font-family: 'futura-pt';
        color: #58585a;
        margin-bottom: 50px;
        padding-top: 12px;
        font-size: 1.1em;
        cursor: pointer;
    }
    .page.exhibitions .main-content .exhibition-more span{
        font-weight: 300;
        color: #402457;
        font-weight: bold;
    }

    /*end for exhibitions*/

    /*style for home*/
    /*.page.home{
        width: 76%;
        margin: 0 auto;
    }*/
 /*   .page.home .exhibition-title{
        text-align: center;
        margin-top: 10%;
        font-size: 2.9em;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #b2b2b3;
        margin-bottom: 40px;
    }*/
    .page .exhibition-item.box-hero {
        /*cursor: pointer;*/
    }

    .page.home .exhibition-title span{
        color: #58585a;
    }
    .page.home .exhibition-title.upcoming-exhibition{
        margin-top: 64px;
    }
    .page.home .main-content .exhibition-item{
        /*width: 76%;
        margin-left: auto !important;
        margin-right: auto;*/
    }
    .page.home .main-content .exhibition-item .exhibition-image-container {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .page.home .main-content .exhibition-item .exhibition-image-container .row-fluid:last-child{
        margin-bottom: 0px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd{
        margin-bottom: 2px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left{
        float:left;
        display: inline-block;
        width: 49.9%;
        cursor: pointer;
        position: relative;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left img{
        width: 100%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current{
        position: absolute;
        width: 60%;
        top: 20%;
        right: 0;
        color: white;
        font-family: 'futura-pt';
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content {
        position: absolute;
        top: 18%;
        right: 0;
        font-size: 0.8em;
        line-height: 1em;
        width: 85%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content:nth-child(2) .content .title {
        text-transform: uppercase;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content .content .date {
        text-transform: uppercase;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content .content {
        margin-bottom: 1em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .content .title-label {
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content .artist {
        font-size: 1.4em;
        line-height: 1em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon-current {
        position: absolute;
        top: 90%;
        right: 0;
        color: white;
        cursor: pointer;
        font-family: 'futura-pt';
        font-size: 1em;
        display: inline;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon-current img {
        width: 15%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover{
        position: absolute;
        width: 60%;
        top: 16%;
        right: 0;
        color: white;
        font-family: 'futura-pt';
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content{
        position: absolute;
        top: 30%;
        right: 5%;
        font-size: 0.9em;
        line-height: 1em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .content {
        margin-bottom: 1em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .content .title-label{
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .artist{
        font-size: 1.4em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon{
        position: absolute;
        top: 90%;
        right: 0;
        color: white;
        cursor: pointer;
        font-family: 'futura-pt';
        font-size: 1.2em;
        display: inline;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right{
        float: right;
        display: inline-block;
        width: 49.9%;
        cursor: pointer;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right div{
        width: 49.5%;
        height: 12.65em;
        margin-bottom: 0.1em;
        margin-right: 0.1em;
        float: left;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right div.artwork-meta{
        position: relative;
        margin-bottom: 4px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img{
        width: 100%;
        display: inline;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right .exhibition-artist{
        position: absolute;
        bottom: 1em;
        left: 0.5em;
        height: auto;
        color: #FFFFFF;
        font-family: 'futura-pt';
        font-size: 1em;
        width: 65%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right .exhibition-triangle{
        position: absolute;
        width: 7%;
        bottom: 1em;
        right: 1em;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right .soldout{
        position: relative;
        width: 10%;
        
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(odd){
        margin-right: 3px;
        margin-left: 1.5px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(2){
        /*margin-bottom: 4px;*/
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(1){
        /*margin-bottom: 4px;*/
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even{
        margin-bottom: 2px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-right{
        float:right;
        display: inline-block;
        width: 49.7%;
        cursor: pointer;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-right img{
        width: 100%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-right .exhibition-triangle{
        position: relative;
        width: 50%;
        cursor:pointer;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-right .exhibition-triangle img{
        width: 100%;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-left{
        float: left;
        display: inline-block;
        width: 49.9%;
        cursor: pointer;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-left img{
        width: 49.4%;
        display: inline;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-left img:nth-child(odd){
        margin-right: 4.9px;
        /*margin-left: 1.5px;*/
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-left img:nth-child(2){
        margin-bottom: 2px;
    }
    .page.home .main-content .exhibition-item .exhibition-image-container .even .image-left img:nth-child(1){
        margin-bottom: 2px;
    }
    .page.home .main-content .exhibition-item .exhibition-more, .exhibition-more, .shop-more {
        text-align: center;
        margin-top: 26px;
        font-family: 'futura-pt';
        color: #58585a;
        cursor: pointer;
    }
    .page.home .main-content .exhibition-item .exhibition-more a, .exhibition-more a, .shop-more a {
        color: #58585a;
        text-decoration: none;
    }

    .exhibition-more a:hover , .shop-more a:hover {
        color: #58585a;
    }
    .page.home .main-content .exhibition-item .exhibition-more span, .exhibition-more span, .shop-more span {
        color: #402457;
        font-weight: bold;
    }
    .page.home .shop-title{
        text-align: center;
        margin-top: 60px;
        font-size: 2.9em;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #b2b2b3;
        margin-bottom: 40px;
    }
    .page.home .main-content .shop-container{
    /*    width: 76%;
        margin-left: auto !important;
        margin-right: auto;
    */}
    .page.home .main-content .shop-container .shop-image-container{
        margin-top: 15px;
        cursor: pointer;
    }
    .page.home .main-content .shop-container .shop-more{
        text-align: center;
        margin-top: 26px;
        font-family: 'futura-pt';
        color: #58585a;
        cursor: pointer;
    }
    .page.home .main-content .shop-container .shop-more a{
        color: #58585a;
        text-decoration: none;
    }
    .page.home .main-content .shop-container .shop-more span{
        color: #402457;
        font-weight: bold;
    }
    .page.home .main-content .shop-image-container .shop-item{
        background-color: #f0efee;
        /*width: 173px;*/
        width: 25%;
        height: 160px;
        display: inline-block;
        margin-bottom: 1px;
        margin-left: -3px;
        position: relative;
    }
    .page.home .main-content .shop-image-container .shop-item .shop-category{
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #58585a;
        text-align: right;
        font-size: 0.8em;
        right: 4px;
        position: relative;    
    }
    .page.home .main-content .shop-image-container .shop-item .shop-image{
        font-family: 'futura-pt';
        font-weight: bold;
        position: relative;
        top: 10px;
        left: 7px;
        overflow: hidden
    }
    .page.home .main-content .shop-image-container .shop-item .shop-image.image-not-found{
        height: 80px;
        top: -5px;
        padding-bottom: 0em;
        width: 70px;
    }
    .page.home .main-content .shop-image-container .shop-item .shop-image img{
        text-align: left;
        max-width: none;
        width: auto;
    }
    .page.home .main-content .shop-image-container .shop-item .shop-name{
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: bold;
        color: #58585a;
        text-align: left;
        padding-left: 10px;
        font-size: 0.8em;
        margin-top: 15px;
        line-height: 1em;
        height: 1em;
        width: 92%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;        
    }
    .page.home .main-content .shop-image-container .shop-item .shop-artist{
        font-family: 'futura-pt';
        font-weight: 300;
        color: #58585a;
        text-align: left;
        padding-left: 10px;
        margin-top: 5px;
        font-size: 1.4em;
        /*line-height: 1em;*/
        height: 1em;
        width: 88%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;        
    }
    .page.home .main-content .shop-image-container .shop-item .shop-triangle{
        text-align: right;
        position: absolute;
        width: 9px;
        right: 10px;
        bottom: 10px;
    }
    /*end for home*/

    /*style for personal exhibition*/
    .page.personal_exhibition {
        /*width: 80%;*/
        margin: 0 auto;
    }
/*    .page.personal_exhibition .exhibition-title{
        text-align: center;
        margin-top: 55px;
        font-size: 2.9em;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #b2b2b3;
        margin-bottom: 20px;
    }*/
    .page.personal_exhibition .exhibition-title span{
        color: #58585a;
    }
    .page.personal_exhibition .exhibition-title.upcoming-exhibition{
        margin-top: 64px;
    }
    .page.personal_exhibition .main-content .exhibition-item{
        /*width: 76%;*/
        /*margin-left: auto !important;*/
        /*margin-right: auto;*/
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container{
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .row-fluid:last-child{
        margin-bottom: 0px;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd{
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd, .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even{
        /*margin-bottom: 2px;*/
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left{
        position: relative;
        float:left;
        display: inline-block;
        width: 49.9%;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left img{
        width: 100%;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current{
        position: absolute;
        width: 55%;
        top: 20%;
        right: 0;
        color: white;
        font-family: 'futura-pt';
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content {
        position: absolute;
        top: 30%;
        right: 5%;
        font-size: 0.8em;
        line-height: 1em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content .content {
        margin-bottom: 1em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .content .title-label {
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover-current .main-content .artist {
        font-size: 1.4em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon-current {
        position: absolute;
        top: 90%;
        right: 0;
        color: white;
        cursor: pointer;
        font-family: 'futura-pt';
        font-size: 1em;
        display: inline;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon-current img {
        width: 15%;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover{
        position: absolute;
        width: 60%;
        top: 16%;
        right: 0;
        color: white;
        font-family: 'futura-pt';
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content{
        position: absolute;
        top: 30%;
        right: 5%;
        font-size: 0.9em;
        line-height: 1em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .content {
        margin-bottom: 1em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .content .title-label{
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .rollover .main-content .artist{
        font-size: 1.4em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-left .readon{
        position: absolute;
        top: 90%;
        right: 0;
        color: white;
        cursor: pointer;
        font-family: 'futura-pt';
        font-size: 1.2em;
        display: inline;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right{
        float: right;
        display: inline-block;
        width: 49.9%;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right img{
        width: 100%;
        /*height: 11.2em;*/
        height: auto;
        display: inline;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(odd){
        margin-right: -1px;
        margin-left: 1.5px;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(2){
        /*margin-bottom: 4px;*/
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(1){
        /*margin-bottom: 4px;*/
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right div{
        /*width: 49%;*/
        width: 49.5%;
        /*height: 11.2em;*/
        height: auto;
        float: left;
        margin-right: 0.1em;
        /*margin-bottom: 0.1em;*/
        margin-bottom: 4px;
        position: relative;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right .exhibition-artist{
        position: absolute;
        bottom: 1em;
        left: 1em;
        color: #FFFFFF;
        font-family: 'futura-pt';
        font-size: 1em;
        width: 66%
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-image-container .odd .image-right .exhibition-triangle{
        position: absolute;
        width: 7%;
        height: 7%;
        bottom: 1em;
        right: 1em;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
        text-align: center;
        margin-top: 26px;
        font-family: 'futura-pt';
        color: #58585a;
    }
    .page.personal_exhibition .main-content .exhibition-item .exhibition-more span{
        color: #402457;
        font-weight: bold;
    }
    .page.personal_exhibition .no-login-user .main-content img {
        margin-bottom: 1em;
    }
    .page.personal_exhibition .no-login-user .main-content .content{
        display: inline-block;
        min-height: 2em;
        margin-left: 0%;
        font-size: 1.2em;
        font-weight: 300;
        font-family: 'futura-pt';
        line-height: 1.25;
        padding: 1em;
        position: relative;
        width: 100%;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .page.personal_exhibition .no-login-user .main-content .content p a {
        color:#402457;
    }
    .page.personal_exhibition .no-login-user .main-content .content p a:hover {
        text-decoration: underline;
    }
    /*indramdhani : new style for exhibition*/
    
    .page .exhibition-image-container .image-container.disable {
        cursor: default;
    }

    .page .exhibition-image-container .artwork-item:nth-child(10n+0){
        width: 50%
    }
/*    .page .exhibition-image-container .artwork-item:nth-child(1){
        width: 50%
    }*/
    .page .exhibition-image-container .artwork-item .artwork-meta {
        position: relative;
        height: 100%;
    }

    .page .exhibition-image-container .artwork-item .artwork-meta .overflow {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .page .exhibition-image-container .artwork-item .artwork-meta img{
        width: 100%
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current, .page .exhibition-image-container .image-content .rollover-current {
        position: absolute;
        top: 20%;
        right: 0px;
        color: #ffffff;
        font-family: 'futura-pt';
        width: 55%;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content{
        position: absolute;
        top: 20%;
        left: 20%;
        line-height: 1em;
        width: 80%;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content{
        font-size: 1em;
        line-height: 1em;
        margin-bottom: 1em;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title{
        text-transform: uppercase;
        white-space: nowrap;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .date{
        text-transform: uppercase;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label{
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 0.8em;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist{
        font-size: 1.4em;
        line-height: 1em;   
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .readon-current{
        position: absolute;
        bottom: 10px;
        right: 0px;
        color: #ffffff;
        font-family: 'futura-pt';
        display: inline;
        cursor: pointer;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta .readon-current img{
        width: 15%;
    }
    .page .exhibition-image-container .artwork-item .exhibition-artist{
        font-size: 1.2em;
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #ffffff;
        font-family: 'futura-pt';
        
    }
    .page .exhibition-image-container .artwork-item .exhibition-triangle{
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 7%;
    }
    .page .exhibition-image-container .artwork-item .artwork-meta img.exhibition-triangle {
        width: 10%;
    }
    /*indramdhani : artwork hover*/
    .page .exhibition-image-container .artwork-item .hover-art{
        position: absolute;
        opacity: 1;
        top: 0px;
        left: 0px;
        font-family: 'futura-pt';
        color: #ffffff;
        background-color: rgba(64,36,87, 0.94);
        font-size: 1.2em;
        height: 100%;
        width: 100%;
        display: none;
        font-weight: 300;
        text-align: left;
        line-height: 1em;
    }
    .page .exhibition-image-container .artwork-item .hover-art.big{
        font-size: 2.5em;
    }
    .page .exhibition-image-container .artwork-item .hover-art .hover-art-triangle{
        margin-top: 1px;
        margin-left: 40px;
        margin-right: 10px;
    }    
    .page .exhibition-image-container .artwork-item .hover-art .hover-artwork{
        margin-top: 8px;
        margin-left: 40px;
        margin-right: 10px;
    }        
    .page .exhibition-image-container .artwork-item .hover-art .hover-artwork .hover-title{
        font-size: 0.9em;
        text-decoration: underline;
        font-family: 'futura-pt';
        font-weight: 500;
    }            


    /*end for new style for personal exhibition*/
     /*end for personal exhibition*/

    /*start of : shopping page*/
    .page.shopping .content-title{

    }
    .page.shopping .content-subtitle{
        font-family: 'futura-pt';
        font-size: 1.5em;
        color: #58585a;
        /*margin-left: 12%;*/
        margin-bottom: 3%;
    }
    .page.shopping .main-content{
        /*width: 90%;*/
        /*margin-left:auto !important;*/
        /*margin-right: auto !important;*/
    }
    .page.shopping .main-content .table-header{
        font-family: 'futura-pt';
        font-weight: bold;
        color: #b2b2b3;
        margin-bottom: 3.5em;
        background-color: #402457;
    }
    .page.shopping .main-content .table-header .table-column {
        display: block;
        text-align: left;
        padding: 5px 10px;
    }
    .page.shopping .main-content .table-header .table-column.total {
        float: right;
        width: 25%;
    }
    .page.shopping .main-content .table-sub-header {
        margin-top: 0;
        font-family: 'futura-pt';
        font-weight: 300;
        color: #ffffff;
        letter-spacing: 2px;
        margin: 15px 0px;
    }
    .page.shopping .main-content .table-sub-header .table-column{  
        border: 0px solid white;
        cursor: pointer;
        padding: 5px 10px;
    }
    .page.shopping .main-content .table-sub-header .table-column.shopping {
        margin-bottom: 10px;
        width: auto;
        background-color: #DFDCDC;
    }
    .page.shopping .main-content .table-sub-header .table-column.checkout {
        /* margin-bottom: 5px; */
        /* margin: 10px 0px; */
        background-color: #8C8A8A;
        text-decoration:none;
    }
    @media ( min-width: 768px ) {
        .page.shopping .main-content .table-sub-header .table-column.shopping {
            float: left;
            width: auto;
        }
        .page.shopping .main-content .table-sub-header .table-column.checkout {
            float: right;
            width: auto;
        }
    }
    .page.shopping .main-content .table-sub-header .table-column.checkout:hover{
        background-color: #474748;
    
        outline: none;
}
    .page.shopping .main-content .table-sub-header .table-column.checkout.disable:hover{
        background-color: #8C8A8A;
    }
    a{
    color:#ffffff;
    text-decoration:none;
    }
    a:hover {
    color:#ffffff;
    text-decoration:none;
    }
    .page.shopping .main-content .shopping-container{
        background-color: #fbfbfb;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    
        font-family: 'futura-pt';
}
    .page.shopping .main-content .shopping-container .shopping-item{
        border-bottom: 1px groove;
        /* padding: 15px; */
        position : relative;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left, .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-right, .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed, .page.shopping .main-content .shopping-container .shopping-item .delete-button {
        /* display: inline-block; */
        vertical-align: middle;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left {
        display: block;
        padding: 15px;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed {
        font-family: 'futura-pt';
        font-weight: 300;
        color: #474748;
        text-align: center;
        padding: 15px;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed.hide {
        display: none;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed .radio {
        display: inline-block
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed .radio + .radio {
        margin-left: 15px;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-right {
        display: block;
        text-align: center;
        font-weight: bold;
        font-family: 'futura-pt';
        padding: 15px;
    }
    @media( min-width: 768px ) {
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left {
            display: inline-block;
            width: 50%;
        }
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed {
            display: inline-block;
        
            text-align: left;
}
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed .radio {
            display: block;
        }
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed .radio + .radio {
            margin-left: 0px;
        }
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-right {
            display: inline-block;
        }
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-framed.move-right {
        
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left .shopping-artist{
        font-family: 'futura-pt';
        font-size: 21px;
        font-weight: 300;
        color: #474748;
        line-height: normal;
        margin-bottom: 5px;
    }
    .page.shopping .shopping-item .shopping-item-meta-left .shopping-title{
        font-family: 'futura-pt';
        font-weight: bold;
        color: #474748;
        line-height: normal;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left .shopping-image {
        max-width: 100%;
        text-align: center;
        margin: 15px 0px;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left .shopping-medium {
        font-family: 'futura-pt';
        color: #b2b2b3;
        text-align: center;
    }
    @media ( min-width: 768px ) {
        .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left .shopping-medium {
            text-align: left;
        }
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-left .shopping-size { 
        font-family: 'futura-pt';
        color: #b2b2b3;
        font-weight: 500;
        text-align: center;
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-right.move-right {
        /* margin-left: 25%; */
        /* width: 20%; */
        /* margin-right: 0%; */
    }
    .page.shopping .main-content .shopping-container .shopping-item .shopping-item-meta-right .price {
        font-family: 'futura-pt';
        color: #58585a;
        font-weight: bold;
    }
    .page.shopping .main-content .shopping-container .shopping-item .delete-button {
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 15px;
    }
    .page.shopping .main-content .shopping-container .shopping-item .delete-button img{
        width: 100%; 
        vertical-align: middle;
        display: inline-block;
        height: auto;
    }
    .page.shopping .main-content .shopping-container .shopping-total{
        position: relative;
        padding: 15px;
    } 
    .page.shopping .main-content .shopping-container .shopping-total .cart-shipping-cost{
        font-weight: 300;
        font-family: 'futura-pt';
        color: #b2b2b3;
        display: inline-block;
        text-align: right;
        width: 100%;
    }
   
    .page.shopping .main-content .shopping-container .shopping-total .cart-total{
        font-weight: 500;
        font-family: 'futura-pt';
        color: #402457;
        margin-top: 5px;
        text-align: right;
    }
    .page.shopping .main-content .shopping-container .cart-title {
        display: inline-block;
        margin-right: 15px;
        min-width: 150px;
    }
    .page.shopping .main-content .shopping-container .cart-price {
        display: inline-block;
        min-width: 75px;
    }
    /*end of shopping page */

    /*start style of single page*/
    .page.single-page .main-content .content-container{
        padding: 15px;
    }
    .page.single-page .main-content .content-container p.MsoNormal{
        /* margin-left: 25px !important; */
        text-indent: 0px !important;
    }
    .page.single-page .main-content .content-container span a{
        color: rgb(59, 57, 64);
    }
    /*end style of single page*/

    /*start style for invoice confirm*/
    .page.shopping-confirmed{

    }
    .page.shopping-confirmed .main-content{
        font-family: 'futura-pt';
        text-align: center;
        font-size: 1.2em; 
    }
    .page.shopping-confirmed .main-content .title {
        font-size: 25px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .page.shopping-confirmed .main-content .subtitle,
    .page.shopping-confirmed .main-content .note {
        margin-bottom: 15px;
    }
    .page.shopping-confirmed .main-content .order {
        margin-top: 4%;
        margin-left: auto;
        margin-right: auto;
        width: 78%;
    }

    .page.shopping-confirmed .main-content .titleform {
        padding: 1em;
    }
    .page.shopping-confirmed .main-content .table-header {
        font-family: 'futura-pt';
        font-weight: bold;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-size: 14px;
        width: 100%;
        border-bottom: 1px solid black; 
    }
    .page.shopping-confirmed .main-content .table-header .table-column {
        display: block;
        float: left;
        position: relative;
        padding: 5px 15px;
    }
    .page.shopping-confirmed .main-content .table-header .table-column.product {
        width: 25%;
    }
    .page.shopping-confirmed .main-content .table-header .table-column.quantity{
        /* display: inline-block; */
        width: 20%;
        /* position:relative; */
    }
    .page.shopping-confirmed .main-content .table-header .table-column.artist{
        /* display: inline-block; */
        width: 20%;
        /* position:relative; */
    }
    .page.shopping-confirmed .main-content .table-header .table-column.artwork{
        /* display: inline-block; */
        width: 20%;
        /* position:relative; */
    }    
    .page.shopping-confirmed .main-content .table-header .table-column.total{
        /* display: inline-block; */
        width:15%;
        /* position: relative; */
    }
    .page.shopping-confirmed .main-content .shopping-container {
        border-bottom: 1px solid black;
        margin-bottom: 15px;
    }
    .page.shopping-confirmed .main-content .shopping-container .shopping-item{
        width: 100%;
        margin-bottom: 15px;
        font-size: 0;
    }
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item {
        display: inline-block;
        font-family: 'futura-pt';
        font-size: 14px;
        vertical-align: middle;
    
        padding: 0px 15px;
}
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item.image{
        width:25%;
    }
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item.artwork{
        width:20%;
    }
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item.artist{
        width: 20%;
    }
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item.quantity{
        width: 20%;}
    .page.shopping-confirmed .main-content .shopping-container .shopping-item .item.price{
        width:15%
    }

    .page.shopping-confirmed .main-content .shopping-total {
        text-align: right;
        padding: 0px 15px;
    }
    .page.shopping-confirmed .main-content .shopping-total .cart-title {
        margin-right: 15px;
    }
    .page.shopping-confirmed .main-content .shopping-total .cart-price {
        min-width: 75px;
    }
    /*end style for invoice confirm*/

    /*checkout page*/
    .page.checkout .account-container {
        margin: 0 auto;
        margin-bottom: 30px;
    }
    @media( min-width: 480px ) {
        .page.checkout .account-container {
            width: 480px;
        }
    }
    .page.checkout .account-container .login-form > div {
        background-color: #D8D5D5;
        margin-bottom: 10px;
    }
    .page.checkout .account-container input,
    input[name="forgot_username"] {
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        background-color: #D8D5D5;
        border: 0px;
        margin-bottom: 0px;
        text-transform: uppercase;
        min-height: 30px;
        width: 100%;
        -webkit-border-radius: 0px;
                border-radius: 0px;
    }
    input[name="forgot_username"] {
        margin-bottom: 0px;
        width: 75%;
    }
    input[name="forgot_button"] {
        -webkit-border-radius: 0px;
                border-radius: 0px;
    }
    .page.checkout .account-container .form-login .button_login,
    .button-forget {
        border: none;
        background-color: #402457!important;
        color:#ffffff;
        font-family: 'futura-pt';
        letter-spacing: 1px;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin-top: 15px;
        padding: 5px 10px;
    }
    .button-forget {
        font-weight: 700;
    }
    .page.checkout .main-content .ajax-loader.login {
    left: 0px;
        
    right: 0px;
    margin: auto;
    bottom: 60px;
    top: auto;
}
    @media ( min-width: 768px ) {
        .page.checkout .account-container .login-form > div {
            margin-right: 85px;
        }
        .page.checkout .account-container .form-login .button_login {
            position: absolute;
            right: 15px;
            width: 70px;
            margin: 0px;
            bottom: 45px;
        }
        .page.checkout .main-content .ajax-loader.login {
            bottom: 15px;
            border: 0px;
        }
    }
    
    .page.checkout .account-container .titleaccount{
        font-family: 'futura-pt';
        font-size: 1.5em;
        margin-bottom: 0.7em;
    }
    
    .page.checkout .account-container input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
    }
    .page.checkout .main-content .ajax-loader.purcase, .page.checkout .main-content .ajax-loader.login{
        opacity: 0;
        width: 20px;
        height: 20px;
        position: absolute;
    }
    .page.checkout .main-content .ajax-loader.purcase {
        top: auto;
        right: 0px;
        left: 0px;
        bottom: -15px;
        margin: auto;
    }
    .page.checkout .main-content .ajax-loader img{
        height: 100%;
        width: auto;
    }
    .page.checkout .account-container .form-login{
        position: relative;
        margin-bottom: 15px;
        padding: 15px;
        
    }
    .page.checkout .account-container .forgot_password{
        font-family: 'futura-pt';
        text-decoration: underline;
        cursor: pointer;
    }
    
    .page.checkout .account-container .form-signup{
        position: relative;
        margin-bottom: 1em;
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .page.checkout .account-container .form-signup .button_login{
        position: absolute;
        top: 70%;
        right: 5%;
        background-color: #402457;
        color:#ffffff;
        font-family: 'futura-pt';
        width: 15%;
        letter-spacing: 2px;
        text-align: center;
        cursor: pointer;
        font-size: 0.9em;
    }
    .page.checkout .main-content .form-address{
        margin: auto;
        padding: 15px;
        margin-bottom: 30px;
        position: relative;
    }
    .page.checkout .main-content .titleform{
        font-family: 'futura-pt';
        font-size: 21px;
        text-transform: uppercase;
        margin-bottom: 10px;
        /*padding-left: 0.6em;*/
    }
    .page.checkout .main-content .shipping{
        padding-left: 0px;
    }
    .page.checkout .main-content .form-address .form-billing  .name-label{
        font-family: 'futura-pt';
        margin-bottom: 5px;
    }
    .page.checkout .main-content .form-address .form-billing .form-content .search {
        background-color: #D8D5D5;
        position: relative;
        display: block;
    }
    .page.checkout .main-content .form-address .form-billing .form-content .search .search-country {
        background-color: transparent;
        width: 100%;
        padding: 7px 5px;
        border: 0px solid white;
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        text-align: left;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: normal;
        cursor: pointer;
        min-height: 30px;
        z-index: 10;
    }
    .page.checkout .main-content .form-content .search .result-container {
        display: none;
        max-height: 180px;
        border: 1px solid #D8D5D5;
        overflow: auto;
        position: absolute;
        background-color: #ffffff;
        width: 100%!important;
        z-index: 20;
        -webkit-border-radius: 0px;
                border-radius: 0px;
    }
    .page.checkout .main-content .form-address .form-billing .form-content .search img {
        cursor: pointer;
        position: absolute;
        right: 10px;
        width: 20px;        
        top: 0px;
        bottom: 0px;
        margin: auto;
    }
    .page.checkout .main-content .form-address .form-billing .form-content{
        width: 100%;
        margin-bottom: 5px;
    }
    .page.checkout .main-content .form-address .form-billing .form-content .input{
        background-color: #D8D5D5;
        margin-bottom: 5px;
        /*height: 1.5em;*/
    }
    .page.checkout .main-content .form-address .form-billing .form-content input {
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        background-color: #D8D5D5;
        border: 0px;
        margin-bottom: 0px;
        text-transform: uppercase;
        outline: none;
        min-height: 30px;
        width: 100%;
        -webkit-border-radius: 0px;
                border-radius: 0px;
    }
    .page.checkout .main-content .form-address .form-billing .form-content input:focus {
        outline-style: none;
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);        
    }
    .page.checkout .main-content .form-address .form-billing .form-content .left,
    .page.checkout .main-content .form-address .form-billing .form-content .right {
        display: block;
        position: relative;
        margin-bottom: 10px;
        width: 100%;
    }
    @media ( min-width: 480px ) {
        .page.checkout .main-content .form-address .form-billing .form-content .left,
        .page.checkout .main-content .form-address .form-billing .form-content .right {
            float: left;
            width: 50%;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .left {
            padding-right: 7.5px;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .right {
            padding-left: 7.5px;
        }
    }
    .page.checkout .main-content .form-address .form-billing .form-content .left .input.left,
    .page.checkout .main-content .form-address .form-billing .form-content .right .input.right {
        background-color: #D8D5D5;
        /*margin-bottom: 5px;*/
        width: 100%;
        /*height: 1.5em;*/
    }
    @media ( min-width: 768px ) {
        .page.checkout .main-content .form-address .form-billing .form-content .left .input.left,
        .page.checkout .main-content .form-address .form-billing .form-content .right .input.right {
            width: 50%;
        }
    }
    .page.checkout .main-content .form-address .form-billing .form-content .input input.left{
        /* width: 90%; */
        /* height: 1.8em; */
    }
    .page.checkout .main-content .form-address .form-billing .form-content .input input.left:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);        
    }
    .page.checkout .main-content .form-address .form-billing .form-content .input input.right{
        width: 90%;
        height: 1.8em;
    }
    .page.checkout .main-content .form-address .form-billing .form-content .input input.right:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);        
    }
    .page.checkout .main-content .form-address .form-billing .form-content .left .search-country {
        background-color: transparent;
        width: 100%;
        padding: 7px 5px;
        border: 0px solid white;
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        text-align: left;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        min-height: 30px;
        z-index: 10;
    }
    .page.checkout .main-content .form-content .result-container .result-item {
        text-align: left;
        cursor: pointer;
        font-family: 'futura-pt';
        font-weight: 400;
        color: #b2b2b3;
        padding: 2px 10px;
    }
    .page.checkout .main-content .form-content .result-container .result-item:hover,
    .page.checkout .main-content .form-content .result-container .result-item:focus,
    .page.checkout .main-content .form-content .result-container .result-item.active {
        background-color: #fafafa
    }
   
    .page.checkout .main-content .form-address .form-billing .form-content .left img {
        cursor: pointer;
        position: absolute;
        right: 10px;
        width: 20px;
        top: 0px;
        bottom: 0px;
        margin: auto;
    }
    .page.checkout .main-content .form-address .shipping {
        font-family: 'futura-pt';
        margin-bottom: 10px;
    }
    .page.checkout .main-content .order{
        margin: auto;
        font-family: 'futura-pt';
    
        margin-bottom: 30px;
}
    .page.checkout .main-content .order .titleform{
        padding: 15px;
    
        margin-bottom: 0px;
}
    .page.checkout .main-content .order .table-header {
        font-family: 'futura-pt';
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-size: 12px;
        width: 100%;
    }
    .page.checkout .main-content .order .table-header .table-column {
        border-right: 1px solid white;
        background-color: #A6A3A3;
        display: block;
        text-align: center;
        float: left;
        padding: 2px 10px;
    }
    .page.checkout .main-content .order .table-header .table-column:last-child {
        border-right: none;
    }
    .page.checkout .main-content .order .table-header .table-column.product {
        width: 40%;
    }

    .page.checkout .main-content .order .table-header .table-column.quantity {
        width: 35%;
        text-align: center;
    }
    .page.checkout .main-content .order .table-header .table-column.total {
        width: 25%;
    }
    .page.checkout .main-content .order .shopping-contrainer {
        border-bottom: 1px groove;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item {
        width: 100%;
        margin-bottom: 15px;
    
        line-height: normal;
}
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item {
        display: block;
        float: left;
        font-family: 'futura-pt';
        font-size: 14px;
        padding: 0px 15px;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product{
        width: 40%;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product .shopping-title{
        font-weight: bold;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product .shopping-framed {
        font-size: 0.8em;
        font-style: italic;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.quantity{
        width: 35%;
        text-align: center;
    }
    .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.price {
        width: 25%;
        text-align: center;
    }
    .page.checkout .main-content .order .shopping-total {
        position: relative;
        padding: 15px;
    }
    .page.checkout .main-content .order .shopping-total .cart-shipping-cost {
        font-weight: 300;
        font-family: 'futura-pt';
        color: #b2b2b3;
        text-align: right;
    }
    .page.checkout .main-content .order .shopping-total .cart-title {
        display: inline-block;
        min-width: 150px;
        margin-right: 15px;
    }
    .page.checkout .main-content .order .shopping-total .cart-price {
        display: inline-block;
        min-width: 75px;
    }
    .page.checkout .main-content .order .shopping-total .cart-total {
        font-weight: 500;
        font-family: 'futura-pt';
        color: #402457;
        margin-top: 5px;
        text-align: right;
    }
    .page.checkout .main-content .payment .payment-container .credit-card,
    .page.checkout .main-content .payment .payment-container .options {
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .page.checkout .main-content .payment .payment-container .options .radio {
        font-size: 14px;
        font-weight: bold;
    }
    .page.checkout .main-content .payment .payment-container .slot {
        display: inline-block;
        margin-right: 5px;
    }
    .page.checkout .main-content .payment .payment-container .slot.slot-cvc {
        vertical-align: top;
        margin-left: 0.5em;
        /* width: 17%; */
    
        width: 50px;
}

    .page.checkout .main-content .payment .payment-container .slot.slot-cvc img {
        vertical-align: top;
    }

    .page.checkout .main-content .payment .payment-container .slot:last-child {
        margin: 0px;
    }
    .page.checkout .main-content .note {
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        color: #666667; 
        text-align: justify;  
    }
    .page.checkout .main-content .note a{
        color: #666667;
    }
    .page.checkout .main-content .note a:hover,
    .page.checkout .main-content .note a:focus {
        color: #402457;
    }
    .page.checkout .main-content .payment {
        padding: 15px;
        font-family: 'futura-pt';
    
        margin-bottom: 30px;
}
    .page.checkout .main-content .payment .name-label {
        margin-bottom: 5px;
    }
    .page.checkout .main-content .payment .form-content {
        margin-bottom: 5px;
        width: 100%;
    }
    .page.checkout .main-content .payment .form-content .input {
        margin-bottom: 5px;
    }
    .page.checkout .main-content .payment .form-content .input span {
        font-family: 'futura-pt';
        color: #333;
        font-size: 1em;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 0.5em;
    }
    .page.checkout .main-content .payment .card-info {
        display: block;
        position: relative;
    }
    .page.checkout .main-content .payment .card-info .card-info-container {
        margin: 0px -7.5px;
    }
    .page.checkout .main-content .payment .form-content.card-info .info-container {
        display: block;
        width: 100%;
        position: relative;
    }
    .page.checkout .main-content .payment .form-content.card-info .info-container {
        margin: 0px -7.5px;
        width: auto;
    }
    .page.checkout .main-content .payment .form-content.card-info .info-container .info-cvc {
        display: block;
        float: left;
        padding: 0px 7.5px;
        width: 50%;
    }
    .page.checkout .main-content .payment .form-content.card-info .info-container .slot-cvc {
        display: block;
        float: left;
        padding: 0px 7.5px;
        width: 64px;
    }
    .page.checkout .main-content .payment .form-content .input.left input.cvc {
        width: auto;
    }
    .page.checkout .main-content .payment .form-content input {
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        background-color: #D8D5D5;
        border: 0px;
        text-transform: uppercase;
        width: 100%;
        min-height: 30px;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
            -ms-border-radius: 0;
             -o-border-radius: 0;
                border-radius: 0;
        
        
        
        
    }
    .page.checkout .main-content .payment .form-content input.cardname{
        width: 100%;
    }
    .page.checkout .main-content .payment .form-content input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);        
    }
    .page.checkout .main-content .payment .card-number {
        display: block;
        background-color: #fff;
        width: 100%;
    }
    .page.checkout .main-content .payment .card-number-container {
        margin: 0px -7.5px;
    }
    .page.checkout .main-content .payment .card-number .digit {
        display: block;
        float: left;
        padding: 0px 7.5px;
        position: relative;
        width: 25%;
    }
    .page.checkout .main-content .payment .card-number input:focus{
        border-color: transparent !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0);
        -moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0);        
    }
    .page.checkout .main-content .payment .form-content .radio.inline {
        display: block;
        padding-top: 0px;
        margin-left: 0px;
    }
    @media ( min-width: 768px ) {
        .page.checkout .main-content .payment .form-content .radio.inline {
            float: left;
        }
        .page.checkout .main-content .payment .form-content .radio.inline + .radio.inline {
            margin-left: 30px;
        }
    }
    .page.checkout .main-content .payment .form-content input[type='radio'] {
        width: auto;
        margin-top: 4px;
        vertical-align: middle;
        display: inline-block;
        min-height: 0px;
    }

    .page.checkout .main-content .payment .form-content .left,
    .page.checkout .main-content .payment .form-content .right {
        display: block;
        float: left;
        padding: 0px 7.5px;
        position: relative;
        width: 50%;
    }
    .page.checkout .main-content .payment .form-content .search {
        padding: 0px 7.5px;
        width: 50%;
        display: block;
        position: relative;
        float: left;
    }
    .page.checkout .main-content .payment .form-content .search .month,
    .page.checkout .main-content .payment .form-content .search .year {
        display: block;
        position: relative;
    
        background-color: #D8D5D5;
}
    .page.checkout .main-content .payment .form-content .month .img-month,
    .page.checkout .main-content .payment .form-content .year .img-year {
        top: 0px;
        position: absolute;
        right: 15px;
        width: 20px;
        bottom: 0px;
        margin: auto;
    }
    .page.checkout .main-content .payment .form-content .fake{
        width: 20%;
        margin-right: 1%;
        display: inline-block;
    }
    .page.checkout .main-content .payment .form-content .month .search-month,
    .page.checkout .main-content .payment .form-content .year .search-year {
        background-color: transparent;
        width: 100%;
        border: 0px solid white;
        color: #ffffff;
        font-family: 'futura-pt';
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        text-align: left;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        padding: 5px 7.5px;
    
        z-index: 10;
}
    .page.checkout .main-content .payment .form-content .right .month.left img{
        position: absolute;
        top: 26%;
        right: 6%;
        width: 11%;
        cursor: pointer;
    }
    .page.checkout .main-content .payment .form-content .right .year.right img{
        position: absolute;
        top: 26%;
        right: 5%;
        width: 11%;
        cursor: pointer;
    }
    .page.checkout .main-content .payment .form-content .result-container{
        max-height: 160px;
        overflow: auto;
        display: none;
        border: 1px solid #D8D5D5;
        position: absolute;
        background-color: #ffffff;
        left: 0px;
        width: 100%;
        z-index: 20;
        -webkit-border-radius: 5px;
        border-radius: 0px;
    }
    .page.checkout .main-content .payment-button {
        text-align: center;
    }
    .page.checkout .main-content .payment-button input {
        border: none;
        background-size: 100%;
        position: relative;
        letter-spacing: 2px;
        background: #402457;
        padding : 0.5em 0.75em;
        color: #ffffff;
        margin: auto;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        font-family: 'futura-pt';
        font-size: 1.2em;
    }

    /*end checkout page*/
    /*MEDIA QUERIES*/
/*    @media screen and (min-width: 850px) and (max-width: 940px){

        .nav .nav-container .nav-item.personal{
            font-size: 0.85em;
            height: 2.1em;    
            width: 18%;   
            line-height: 2.1em;
        }
        .nav .nav-container .nav-item.search{
            width: 18.7%;
        }

        .page.home .main-content .shop-image-container .shop-item{
        
            height: 120px !important;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-image img{
            height: 50px;
        }    
        .page.home .main-content .shop-image-container .shop-item .shop-image.image-not-found{
            height: 50px;
        }    
        .page.home .main-content .shop-image-container .shop-item .shop-artist{ 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 90px;
            display: inline-block;
        }    
        .page.home .main-content .shop-image-container .shop-item .shop-triangle{
            right: 5px;
            bottom: 5px;
        }        
    }*/
   /* @media screen and (min-width: 941px) and (max-width: 1099px) {
        .header {
            padding: 7.3% 0;
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        .page-content {
            
        }
        .nav .nav-container{
            height: 1.5em;
            line-height: 0.5em;
        }
        .nav .nav-container .nav-item{
            font-size: 0.7em;
            line-height: 2em;
            height: 2em;
        }

        .nav .nav-container .nav-item.status-logged-in {
            width: 13.3% !important;
        }

        .nav .nav-container .nav-item.search input {
            height: 1em;
            line-height: 1em;
            margin-top: -8px;
        }

        .nav .navigation .item-nav.status-logged-in {
            width: 10.5% !important;
        }

        
        .sidebar ul li.active span {
            
        }
        .sidebar ul li{
            
            
        }
        .sidebar .subscribe-button {
            font-size: 0.9em;
        }
        
        .page.home .exhibition-title {
            font-size: 2em;
        }
        .page.home .main-content .exhibition-item .exhibition-more {
            font-size: 0.9em;
        }
        .page.home .shop-title{
            font-size: 2em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category , .page.shop .main-content .shop-container .shop-item .shop-category{
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-name, .page.shop .main-content .shop-container .shop-item .shop-name  {
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist, .page.shop .main-content .shop-container .shop-item .shop-artist {
            font-size: 1.35em;
        }
        
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 0.9em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.6em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 0.74em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.1em;
        }
        
        .page.artist .main-content .artist-container .artist-item .artist-name {
            
        }
        .page.artist .main-content .artist-container .artist-item .artist-title {
            font-size: 0.7em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-description{
            font-size:0.9em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-link {
            font-size: 0.7em;
        }
 
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-description {
            font-size: 0.9em;
        }
        
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div {
            width: 49.4%;
            
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div:nth-child(even){
            margin-left: 3px;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-artist {
            font-size: 0.8em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-triangle{
            
            
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title-label {
            font-size: 0.45em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title {
            font-size: 0.65em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .price{
             font-size: 0.65em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content {
            line-height: 0.9em;
            margin-bottom: 4%;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .button_buy .content {
            font-size: 0.5em;
        }
        
        .page.artwork .content-subtitle {
            
        }
        
        .art-triangle-expandleft img, .art-triangle-expandright img{
            width: 1.5em;
            height: 3em;
        }
        .art-expand-image-linkright img {
            height: auto;
        }
        .art-expand-image-linkleft {
            font-size: 0.8em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-close {
            
            top: 0%;
            width: 25%;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-artist {
            font-size: 1.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-artist-small {
            font-size: 0.8em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price{
            font-size: 1.7em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price-framed{
            font-size: 1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-image {
            margin-left: 7.1em;
        }
        
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 0.7em;
        }
        .page .art-category .category-item{
            margin: 0 .25em;
        }
        
        .page.checkout .account-container .titleaccount {
            font-size: 1.2em;
        }
        .page.checkout .main-content .titleform{
            font-size: 1.2em;
        }
   
  
        .page.checkout .main-content .form-address .shipping div{
            font-size: 0.9em;
        }
        
        .page.checkout .main-content .order .table-header{
            font-size: 0.7em;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.quantity{
            width: 26%;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product .shopping-title{
            font-size: 0.8em;
        }
        .page.checkout .main-content .order .shopping-total .cart-shipping-cost {
            font-size: 0.9em;
        }
        .page.checkout .main-content .order .shopping-total .cart-total{
            font-size: 0.9em;
        }
        
        .page.checkout .main-content .payment .name-label{
            
        }

        .page.checkout .main-content .payment .form-content .input span {
            font-size: 0.8em;
        }

        .page.checkout .main-content .payment .form-content .input.card-number input, .page.checkout .main-content .payment .form-content .input.left input.cvc {
            font-size: 0.65em;
            
            height: 1.8em;
            line-height: 1.8em;
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc{
            width: 22%;
        }
        .page.checkout .main-content .payment .form-content .right .month.left .search-month, .page.checkout .main-content .payment .form-content .right .year.right .search-year{
            height: 1.9em;
            line-height: 1.9em;
        }
        .pagecontainer {
            font-size: 1em;
        }
    }*/
    /*@media screen and (min-width: 1100px) and (max-width: 1179px){
        .header {
            padding: 7.3% 0;
        }
        .page-content {
            
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        
        .sidebar ul li{
            
        }
        .sidebar ul li.active span {
            
        }
        .sidebar ul li a {
            font-size: 0.85em;
        }
        .sidebar .subscribe-button {
            font-size: 0.9em;
        } 
        
        .nav .nav-container {
            height: 1.6em;
        }
        .nav .nav-container .nav-item{
            font-size: 0.74em;
        }
        .nav .nav-container .nav-item.search input {
            height: 1em;
            line-height: 0.8em;
            font-size: 1.3em;
            margin-bottom: 5px;
        }
        .nav .nav-container .nav-item.status-logged-in {
            font-size: 0.65em;
            line-height: 2.8em;
            height: 2.3em;
        }
        .nav .navigation .item-nav.status-logged-in {
            width: 14% !important;
        }
        
        .right-bar .bar-item .bar-title{
            font-size: 0.8em;
        }
        .right-bar .bar-item.tv-bar .bar-content .item iframe {
            height: 5.5em;
        }
        
        
        .page.home .main-content .exhibition-item .exhibition-more, .page.home .main-content .shop-container .shop-more {
            font-size: 1em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category , .page.shop .main-content .shop-container .shop-item .shop-category{
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-name, .page.shop .main-content .shop-container .shop-item .shop-name  {
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist, .page.shop .main-content .shop-container .shop-item .shop-artist {
            font-size: 1.35em;
        }
         
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 0.9em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.6em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 0.74em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.1em;
        }
        
        .page.artist .main-content .artist-container .artist-item .artist-name {
            
        }
        .page.artist .main-content .artist-container .artist-item .artist-title {
            font-size: 0.7em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-description {
            font-size: 0.9em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-link {
            font-size: 0.7em;
        }
        
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div{
            
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div:nth-child(even){
            margin-left: 2px;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-artist{
            
            font-size: 0.85em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title-label {
            font-size: 0.6em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title {
            font-size: 0.7em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content {
            margin-bottom: 3%;
        }
        
        .page.artwork .content-subtitle {
            width: 24em;
        }
        
        
            
        
        .art-triangle-expandleft img, .art-triangle-expandright img {
            width: 1.8em;
            height: 3.6em;
        }
        .art-expand-overlay .art-expand-container .art-expand-image {
            margin-left: 8em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-close {
            
            width: 15%;
            top: 0%;
        }
        
        .page.news .main-content .news-expand-overlay {
            
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg {
            width: 475px;
        }
        
        .page.events .main-content .event-expand-overlay {
            
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg {
            width: 475px;
        }
        
        .page .art-category .category-item {
            margin: 0 .25em;
        }
        .page.shop .main-content .shop-container .shop-item {
            width: 24.4%;
            height: 145px;
        }
        
        .page .content-nav-container .content-nav-item {
            
            
        }

        .page.services .main-content .content {
            
        }
        
        .page.about .main-content .content {
            
        }
        .page .main-content .content-left div {
            font-size: 1.2em;
        }
        
        .page.contact .main-content .content {
            
        }
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 0.9em;
        } 
        .page.artist .menu-artist {
            font-size: 0.8em;
        }
        
        .page.checkout .account-container .titleaccount {
            font-size: 1.35em;
        }
        .page.checkout .account-container input {
            
        }
        .page.checkout .account-container .forgot_password {
            
        }
        .page.checkout .account-container .form-login .button_login, .page.checkout .account-container .form-login .button_login{
            font-size: 0.85em;
        }
        .page.checkout .main-content .titleform{
            font-size: 1.35em;
        }
        .page.checkout .main-content .form-address .form-billing .name-label, .page.checkout .main-content .form-address .form-billing .right .name-label {
            
        }
     
        .page.checkout .main-content .form-address .form-billing .form-content .input input.left, .page.checkout .main-content .form-address .form-billing .form-content .input input.right{
            height: 2em;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .left .search-country img{
            right: 4%;
        }
   
        .page.checkout .main-content .form-address .shipping div {
            font-size: 0.85em;
        }
        .page.checkout .main-content .order .table-header{
            font-size: 0.75em;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product .shopping-title {
            font-size: 0.8em;
        }
        .page.checkout .main-content .order .shopping-total {
            font-size: 1.1em;
        }
        .page.checkout .main-content .payment .name-label{
            
        }
        .page.checkout .main-content .payment .form-content input{
            font-size: 1.2em;
        }
        .page.checkout .main-content .payment .form-content .right .month.left .search-month, .page.checkout .main-content .payment .form-content .right .year.right .search-year{
            
            height: 2.2em;
            line-height: 2.2em;
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc {
            width: 22%;
        }
        .pagecontainer {
            font-size: 1.1em;
        }
    }  */ 
    /*@media screen and (min-width: 1180px) and (max-width: 1210px){
        .page.shop .main-content .shop-container .shop-item{
            height: 140px;
        }
    }*/
    /*@media screen and (min-width: 1210px) and (max-width: 1295px){
        .page.shop .main-content .shop-container .shop-item{
            height: 145px;
        }

        .nav .navigation .item-nav.status-logged-in {
            width: 9.75% !important;
        }
        .page.shopping .main-content .table-sub-header{
            letter-spacing: 1px;
        }
        .page.shopping .main-content .shopping-container .shopping-total{
            margin-left: 19em;
        }
        .sidebar ul li{
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc{
            width: 20%;
        }
    }*/
   /* @media screen and (min-width: 1180px) and (max-width: 1300px){
        .pagecontainer {
            width: 92%;
        }
       .header {
            padding: 4.2% 0;
        }
        .page-content {
            top: 0;
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        .nav .navigation .item-nav a {
            font-size: 0.8em;
        }

        .nav .nav-container {
            height: 1.8em;
        }
        .nav .nav-container .nav-item{
            font-size: 0.85em !important;        }
        .nav .nav-container .nav-item.search input{
            position: relative;
            top: 0px
        }
        .nav .nav-container .nav-item.status-logged-in {
            font-size: 0.7em !important;
            height: 2.45em;
            line-height: 2.5em !important;
            width: 14%!important;
        }

        .nav .nav-container .nav-item.social-share{
            width: 5%;
        }  
        .bar-item.personal-exhibition-bar .bar-content .item .no-artwork-image{
            width: 150px;
        }    
        .bar-item.personal-exhibition-bar .bar-content .item .art{
            width: 150px;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category , .page.shop .main-content .shop-container .shop-item .shop-category{
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-name, .page.shop .main-content .shop-container .shop-item .shop-name  {
            font-size: 0.75em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist, .page.shop .main-content .shop-container .shop-item .shop-artist {
            font-size: 1.35em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 0.9em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.6em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 0.8em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.15em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.15em;
        }
        .page.artwork .main-content .art-container {
        }
        .page.artwork .content-subtitle {
        }
        
        .page.home .main-content .shop-image-container .shop-item .shop-name{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 135px;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist{
            font-size: 1.2em;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 128px;        
        }
        .page.artwork .main-content .art-container .art-item .art-artist, .page.artwork .main-content .art-container .art-item-search .art-artist {
            font-size: 1em;
        }
        .page.artwork .main-content .art-container .art-item, .page.artwork .main-content .art-container .art-item-search, .page.home .main-content .artwork-item {
            cursor: pointer;
            vertical-align: top;
        }
        .page.shop .main-content .shop-container .shop-item .hover-shop .hover-shop-triangle, .page.artwork .main-content .art-container .art-item .hover-art .hover-art-triangle, .page.artwork .main-content .art-container .art-item-search .hover-art .hover-art-triangle, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork-triangle, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork .hover-artwork-triangle {
            margin-bottom: 0.25em;
        }
        .page.shop .main-content .shop-container .shop-item .hover-shop div, .page.artwork .main-content .art-container .art-item .hover-art div, .page.artwork .main-content .art-container .art-item-search .hover-art div, #detail-exhibition .list-artwork .artwork-item .hover-exhibition-artwork .hover-artwork, .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork .hover-artwork {
            margin-bottom: 0.5em;
        }
        .page.shop .main-content .shop-container .shop-item .hover-shop, .page.artwork .main-content .art-container .art-item .hover-art, .page.artwork .main-content .art-container .art-item-search .hover-art,  .page.artist-detail .list-artwork .artwork-item .hover-artist-artwork {
            font-size: 1.1em;
            padding: 0.75em 1em;
        }

        .page.artwork .main-content .art-container .art-item .art-image img {
        }
        .page.artwork .main-content .art-container .art-item .art-triangle, .page.artwork .main-content .art-container .art-item-search .art-triangle {
            right: -9em;
            width: 0.8em;
        }
        .art-expand-overlay .art-expand-more {
            font-size: 1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-close {  
            top: 0%;
            width: 15%;
        }
        .art-button {
            
        }
        .art-expand-overlay .art-expand-container .art-expand-image {
            margin-left: 7.7em;
        }
        .art-triangle-expandleft img, .art-triangle-expandright img {
            width: 1.7em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-status-container .art-expand-status {
            font-size: 1.3em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-artist {
            font-size: 1.8em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-artist-small {
            font-size: 1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price {
            font-size: 1.8em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price-framed, .upcoming-exhibition-overlay .upcoming-exhibition-container .upcoming-price-framed, .detail-exhibition-overlay .detail-exhibition-container .detail-price-framed {
            font-size: 1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price .currency {
            font-size: 0.7em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-purchase-button {
            font-size: 1.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-reserve-button {
            font-size: 1.1em;
        }
        .art-expand-image-link {
            font-size: 1em;
        }
        .art-expand-image-linkright {
            margin-top: 1%;
        }
        .art-expand-image-linkright img {
            height: auto;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg {
            width: 470px;
        }
        .page.news .main-content .news-expand-overlay .previous-news ,.page.news .main-content .news-expand-overlay .next-news {
            width: 20px;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand {
            font-size: 1.5em;
            line-height: 1em;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-date-expand {
            font-size: 1em;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand {
            font-size: 1em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg {
            width: 470px;
        }
        .page.events .main-content .event-expand-overlay .previous-event, .page.events .main-content .event-expand-overlay .next-event { 
            width: 20px;
        }
        .page.services .main-content .content {
        }
        .page.about .main-content .content{
        }
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 1em;
        }   
    }*/

    /*febrivalentino: handle overlap content*/
   /* @media screen and (min-width: 1300px) and (max-width: 1400px){
        .pagecontainer, .art-expand-image-link {
            width: 92%;
        }
        .nav .navigation .item-nav.status-logged-in {
            width: 11.5% !important;
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc{
            width: 19%;
        }
    }
    @media screen and(max-height : 680px){
        .sidebar ul li{
            
        }
    }*/
   
/*   @media screen and (min-height: 725px) and (max-height: 780px){
        
        .page.artwork .cont707ent-title {
            margin-top: 80px;
        }
   }
   @media screen and (min-height: 780px) and (max-height: 840px){
        
        .page.artwork .content-title {
            margin-top: 80px;
        }
    }

    @media screen and (min-width: 1366px) and (max-width: 1440px) {
        .nav .navigation .item-nav a {
            font-size: 0.9em;
        }

        .page .art-category .category-item {
            font-size: 1.1em;
        }
        .page.services .main-content .content .text {
            font-size: 1em;
            line-height: 1;
        }
    }*/


    @media screen and (min-width: 1400px) and (max-width: 1440px){
        .header {
           padding: 5.5% 0;
        }
        .page-content {
            /*top:-11px;*/
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        .nav .nav-container {
            height: 1.8em;
        }
        /*menu navigasi*/
         .nav .nav-container .nav-item.status-logged-in {
            margin-bottom: 9px;
        }
         .nav .nav-container .nav-item.status-logged-in a {
            font-size: 0.95em;
        }
        .nav .nav-container .nav-item.social-share{
            width: 5% !important;
        }
        .nav .nav-container .nav-item.status-logged-in{
            width: 16.8% !important;
        }    
        .nav .nav-container .nav-item.search input{
            position: relative;
            top: -2px;
        }
        .page .content-category-container .search-category{
            width: 33%;
        }
        /*home*/

        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 0.9em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.6em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 0.85em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.15em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.15em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category {
            font-size: 0.8em;
        }
        /*member-login*/
        .page.member-login .main-content .content {
            /*width: 47.05%;*/
        }
        /*exhibition*/
        .page.exhibitions .content-nav-container .content-nav-item{
            /*margin-right: 1.5em;
            margin-left: 1.5em; */
        }
        .page.artist .menu-artist {
            font-size: 0.8em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div{
            /*width: 49.6%;*/
            /*height: 13.1em;*/
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div:nth-child(even){
            margin-left: 3px;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-artist{
            /*top: -1.7em;*/
            font-size: 1.15em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title-label {
            font-size: 0.8em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title {
            font-size: 1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .price{
             font-size: 1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content {
            line-height: 1.2em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .button_buy .content {
            font-size: 0.7em;
        }
        /*artwork*/
        .page.artwork .main-content .art-container{
            /*margin-left: 5em !important;*/
        }
        .page.artwork .main-content .art-container .art-item, .page.artwork .main-content .art-container .art-item-search {
            /*width: 12em;*/
            /*height: 12em;*/
        }
        .page.artwork .main-content .art-container .art-item .art-image.image-not-found{
            height: 12em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist{
            font-size: 1.5em;
        }
        .page.artwork .main-content .art-container .art-item .art-image img, .page.artwork .main-content .art-container .art-item-search .art-image img {
            /*width: 12em;*/
            height: 12em;
        }
        /*arwork expand*/
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-artist {
            font-size: 2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-artist-small {
            font-size: 1.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price {
            font-size: 2em;
        }
        .art-button {
            margin-left: 19.5%;
        }
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left{
            /*width: 49.5%;*/
        }    
        /*.page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img{
            width: 49%;
        }*/
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(odd){
            margin-left: 0px;
        }
        /*news expand*/
        .page.news .main-content .news-expand-overlay {
            /*left: 47.5%;*/
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg {
            width: 565px;
        }
        /*events expand*/
        .page.events .main-content .event-expand-overlay {
            /*left: 47.3%;*/
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg {
            width: 525px;
        }
        /*shop*/
         .page.shop .main-content .shop-container .shop-item .shop-category {
            font-size: 0.8em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-name{
            font-size: 0.8em;
        }
        .page .art-category .category-item{
            margin: 0 .25em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-artist{
            font-size: 1.5em;
        }

        /*services*/
        .page .content-nav-container .content-nav-item {
            font-size: 1em;
            /*margin-left: 25px;
            margin-right: 25px;*/
        }
        .page.services .main-content .content {
            /*width: 47.3%;*/
        }
        /*about*/
        .page.about .main-content .content {
            /*width: 47.3%;*/
        }
        .page .main-content .content-right {
            /*font-size: 1.1em;*/
        }
        /*contact*/
        .page.contact .main-content .content {
            /*width: 48.7%;*/
        }
        .page.contact .main-content .content-left {
            float: left;
        }
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 1.1em;
        }
        /*checkout page*/
        .page.checkout .account-container .titleaccount {
            font-size: 1.8em;
        }
        .page.checkout .account-container .form-login .button_login, .page.checkout .account-container .form-signup .button_login{
            font-size: 1.1em;
        }
        .page.checkout .main-content .titleform{
            font-size: 1.8em;
        }
        .page.checkout .main-content .order .shopping-total {
            font-size: 1.35em;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item .shopping-artist {
            font-size: 1.35em;
        }
        .page.checkout .main-content .order .table-header .table-column.quantity {
            width: 21%;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.quantity {
            width: 22%;
        }
        .page.checkout .main-content .payment-button {
            font-size: 1.15em;
        }
        .container .shopping-kart-container .shopping-image {
            width: 23px;
        }
        .container .shopping-kart-container .caption {
            font-size: 1.1em;
        }
        .container .shopping-kart-container .checkout-link {
            font-size: 1em;
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc{
            width: 19%;
        }
        .pagecontainer {
            font-size: 1.2em;
        }
    }
    /*@media screen and (min-width: 1441px) and (max-width: 1490px){
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-left{
            width: 49.4%;
        }
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(1){
            margin-bottom: 4px;   
        }
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(2){
            margin-bottom: 4px;
        }
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img:nth-child(odd){
            margin-right: 4px;
            margin-left: 0px;  
        } 
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right img{
            width: 49%;
        }
  
        .page.shop .main-content .shop-container .shop-item{
            width: 177px;
            height: 150px;
        }
    }*/
    @media screen and (min-width: 1500px) and (max-width: 1600px){
        .header {
           padding: 7.5% 0;
        }
        .page-content {
            /*top:-10px;*/
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        .nav .nav-container {
            height: 1.8em;
        }
        .sidebar ul li{
            /*line-height: 51.9px;*/
        }
        .sidebar ul li a {
            font-size: 1.15em;
        }
        .sidebar ul li.active span {
            /*line-height: 45px;*/
            margin-left: 4.5%;
        }

        .nav .navigation .item-nav a {
            font-size: 1em;
        }

        .nav .nav-container .nav-item {
            font-size: 1.1em;  
            line-height: 1.7em;
        }
        .nav .nav-container .nav-item.search input {
            font-size: 1.2em;
            height: 1.2em;
            top: -2px;
            position: relative;        
        }
        .nav .nav-container .nav-item.status-logged-in {
            font-size: 0.9em;
            height: 2.1em;
            line-height: 2.3em;
            margin-bottom: 8px;
            width: 16.9% !important;
        }
        .nav .nav-container .nav-item {
            height: 1.7em;
        }
        .nav .nav-container .nav-item.social-share{
            width: 5% !important;
        }
        .right-bar .bar-item.tv-bar .bar-content .item img {
            width: 20em;
            height: 10em;
        }
        .page .content-title {
            font-size: 3.5em;
        }
        .page.home .main-content .exhibition-item .exhibition-more{
            font-size: 1.5em;
        }
        .shop-more a{
            font-size: 1.5em;
        }
        .page.home .main-content .shop-container .shop-more{
            font-size: 1.4em;
        }
        
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right div {
            width: 49.65%;
            height: 14.85em;
            margin-bottom: 0.05em;
        }
        /*dyahisnaeny new style for home*/
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.8em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 0.95em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.25em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.35em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category {
            font-size: 0.9em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-name {
            font-size: 0.9em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist {
            font-size: 1.65em;
        }
        /*indramdhani : new style for exhibition*/

        .page.personal_exhibition .exhibition-image-container .artwork-item{

        } 
        .page.personal_exhibition .exhibition-image-container .artwork-item:nth-child(1){
        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta{

        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta{

        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta img{
        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .rollover-current{

        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content{

        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content{

        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label{
            font-size: 1.1em;
        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist{
            font-size: 1.4em;
        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .readon-current{
        }
        .page.personal_exhibition .exhibition-image-container .artwork-item .artwork-meta .readon-current img{
        }
        /*end for new style for personal exhibition*/
        /*artist*/
        .page.artist .main-content .artist-container .artist-item .artist-title {
            font-size: 0.9em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-date{
            font-size: 0.9em;
        }        
        .page.artist .main-content .artist-container .artist-item .artist-link {
            font-size: 1em;
        }
        .page.artist .menu-artist {
            font-size: 1.2em;
        }
        /*exhibition*/
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-date {
            font-size: 0.9em;
        }
        
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-description {
            line-height: 1.5em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .odd .image-right div {
            width: 49.6%;
            height: 14.9em;
        }
        .page.artwork .content-subtitle {
            text-align: left;
            font-size: 2em;
        }
        .page.artwork .main-content .art-container .art-item,, .page.artwork .main-content .art-container .art-item-search {
            height: 13em;
        }
        .page.artwork .main-content .art-container .art-item .art-image img, .page.artwork .main-content .art-container .art-item-search .art-image img {
            /*height: 13em;*/
        }
        .image-not-found{
            width: 13em;
            height: 13em;
        }
        .page.artwork .main-content .art-container .art-item .art-artist, .page.artwork .main-content .art-container .art-item-search .art-artist {
            font-size: 1.3em;
        }
        .art-expand-overlay .art-expand-more{
            font-size: 1.3em;
        }
        .page .content-nav-container .content-nav-item {
            /*font-size: 0.9em;*/
        }
        .page.news .main-content .news-container .news-item .news-title {
            font-size: 1.8em;
        }
        .page.news .main-content .news-container .news-item .news-content {
            font-size: 1.3em;
        }
        .page.news .main-content .news-container .news-item .news-date {
            font-size: 0.9em;
        }
        .page.news .main-content .news-container .news-item .news-link {
            font-size: 1em;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg {
            width: 630px; 
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand{
            font-size: 1.8em;
        }   
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-date-expand {
            font-size: 0.9em;
        } 
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand{
            font-size: 1.3em;
        }
        .page.events .main-content .event-container .event-item .event-name {
            font-size: 2em;
        }
        .page.events .main-content .event-container .event-item .event-title {
            font-size: 0.9em;
        }
        .page.events .main-content .event-container .event-item .event-date {
            font-size: 1.9em;
        }
        .page.events .main-content .event-container .event-item .event-place {
            font-size: 1.2em;
        }
        .page.events .main-content .event-container .event-item .event-description {
            font-size: 1.2em;
        }
        .page.events .main-content .event-container .event-item .event-link {
            font-size: 1em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg {
            width: 610px;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand {
            font-size: 2em
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-title-expand{
            font-size: 0.9em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-date-expand {
            font-size: 1.9em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-place-expand{
            font-size: 1.2em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand{
            font-size: 1.2em;
        }
        /*shop*/
        .page.shop .main-content .shop-container .shop-item .shop-category {
            font-size: 0.9em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-name {
            font-size: 0.9em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-artist{
            font-size: 1.65em;
        }
        .page.services .main-content .content {
            /*width: 47.6%;*/
        }
        .page.services .content-nav-container .content-nav-item a {
            /*font-size: 1.4em;*/
        }
        .page .main-content .content-right {
            /*font-size: 1.2em;*/
        }
        .page.about .main-content .content {
            /*width: 47.6%;*/
        }
        .page.about .content-nav-container .content-nav-item a {
            /*font-size: 1.4em;*/
        }
        .page.contact .main-content .content-right .time {
            font-size: 0.85em;
        }
        .page.contact .main-content .content {
            /*width: 48.8%;*/
        }
        .page.contact .main-content .content-left {
            float: left;
        }
        .page.contact .main-content .content-right .contact-form div input , .page.contact .main-content .content-right .contact-form div textarea{
            font-size: 1em;
        }
        .page.member-login .main-content .content {
            /*width: 47.2%;*/
        }
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 1.3em;
        }
        .container .shopping-kart-container .shopping-image {
            width: 24px;
        }
        .container .shopping-kart-container .caption {
            font-size: 1.2em;
        }
        .container .shopping-kart-container .checkout-link {
            font-size: 1.1em;
        }
        .pagecontainer {
            font-size: 1.25em;
        }
    }
  /*  @media screen and (min-width: 1640px) and (max-width: 1700px){
        .header {
           padding: 5.5% 0;
        }
        .page-content {
            top:-1px;
        }
        .header-hover {
            padding: 2% 0 2% 1%;
        }
        .nav .nav-container {
            height: 1.8em;
        }
        .nav .navigation .item-nav a {
            font-size: 1em;
        }
        
        .sidebar ul li{
        }
        .sidebar ul li a {
            font-size: 1.25em;
        }
        .sidebar ul li.active span {
        }
        .sidebar .subscribe-button {
            font-size: 1.3em;
        }
        .nav .nav-container .nav-item {
            font-size: 1.15em;
            line-height: 2em;
        }
        .nav .nav-container .nav-item.status-logged-in {
            font-size: 0.9em;    
            line-height: 2.7em;
            height: 2.5em;
            margin-bottom: 9px;
            width: 17.9% !important;
        }
        .nav .nav-container .nav-item.social-share{
            width: 4%;   
        }
        .nav .nav-container .nav-item.social-share img.twitter-bird{
            width: 30%;
        }
        .nav .nav-container .nav-item.social-share img.facebook-logo{
            width: 14%;
        }
        .nav .nav-container .nav-item.search input {
            font-size: 1.2em;
            height: 1.2em;
            top: -2px;
            position: relative;
        }    
        .right-bar .bar-item .bar-title {
            font-size: 1.5em;
        }
        .right-bar .bar-item .bar-content .item .title{
            font-size: 1.4em;
        }    
        .right-bar .bar-item .bar-content .item .content{
            font-size: 1.3em;
        } 
        .page.home .main-content .exhibition-item .exhibition-more, .page.home .main-content .shop-container .shop-more {
            font-size: 1.6em;
        }
        .shop-more a{
            font-size: 1.6em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .title-label {
            font-size: 1em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content .artist {
            font-size: 1.65em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .rollover-current .main-content .content {
            font-size: 1.1em;
            line-height: 1.2em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .exhibition-artist {
            font-size: 1.35em;
        }
        .page .exhibition-image-container .artwork-item .artwork-meta .readon-current {
            font-size: 1.45em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-category {
            font-size: 0.9em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-name {
            font-size: 0.9em;
        }
        .page.home .main-content .shop-image-container .shop-item .shop-artist {
            font-size: 1.65em;
        }
        
        .page.artist .main-content .artist-container .artist-item .artist-name {
            
        }
        .page.artist .main-content .artist-container .artist-item .artist-title {
            font-size: 1.1em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-date{
            font-size: 1.1em;
        }        
        .page.artist .main-content .artist-container .artist-item .artist-description {
            font-size: 1.4em;
        }
        .page.artist .main-content .artist-container .artist-item .artist-link {
            font-size: 1em;
        }
        
        .page.exhibitions .content-nav-container .content-nav-item {
            font-size: 1.2em;
        }
        .page.artist .menu-artist {
            font-size: 1.2em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-name {
            font-size: 2.15em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-date {
            font-size: 1.1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-title {
            font-size: 1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-description {
            font-size: 1.2em;
        }
        .page.exhibitions .main-content .exhibition-more {
            font-size: 1.35em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div{
            
            margin-bottom: 3px;
            
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left div:nth-child(even){
            margin-left: 4px;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-artist {
            
            font-size: 1.35em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-left .exhibition-triangle{
            
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product_triangle {
            top: 15%;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content {
            top: 25%;
            margin-bottom: 5%;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title-label {
            font-size: 1em;
            line-height: 1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .content .title {
            font-size: 1.15em;
            line-height: 1em;
        }
        .page.exhibitions .main-content .exhibition-container .exhibition-item .exhibition-image-container .even .image-right .description_product .button_buy .content {
            font-size: 0.85em;
        }
        
        .page.artwork .content-subtitle {
            width: 830px;
        }
        .page.artwork .main-content .art-container {
            
        }
        .page.artwork .content-subtitle {
            font-size: 2.1em;
        }
         .page.artwork .main-content .art-container .art-item, .page.artwork .main-content .art-container .art-item-search {
            
            
        }
        .page.artwork .main-content .art-container .art-item .art-image img, .page.artwork .main-content .art-container .art-item-search .art-image img {
            
            height: 14em;
        }
        .image-not-found{
            width: 14em;
            height: 14em;
        }
        .page.artwork .main-content .art-container .art-item .art-artist, .page.artwork .main-content .art-container .art-item-search .art-artist {
            font-size: 1.3em;
        }
        
         .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-close {  
            
            top: -4%;
            width: 20%;
        }
        .art-button {
            margin-left: 28.1%;
        }
        .art-expand-overlay .art-expand-container .art-expand-image {
            margin-left: 9.7em;
        }
        .art-triangle-expandleft img, .art-triangle-expandright img {
            width: 1.7em;
            height: 4em;
            margin-right: 1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-expand-status-container .art-expand-status {
            font-size: 1.6em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-artist {
            font-size: 2.1em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-description-container .art-artist-small {
            font-size: 1.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price {
            font-size: 2.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-price .currency {
            font-size: 0.7em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-purchase-button {
            font-size: 1.2em;
        }
        .art-expand-overlay .art-expand-container .art-expand-data-container .art-reserve-button {
            font-size: 1.1em;
        }
        .art-expand-image-link {
            font-size: 1em;
        }
        .art-expand-image-linkright {
            margin-top: 1%;
        }
        .art-expand-image-linkright img {
            
            height: auto;
        }
        
        .page .content-title {
            font-size: 3.5em;
        }
        .page.news .main-content .news-container .news-item .news-title {
            font-size: 1.8em;
        }
        .page.news .main-content .news-container .news-item .news-content {
            font-size: 1.2em;
        }
        .page.news .main-content .news-container .news-item .news-date{
            font-size: 0.9em;
        }
        .page.news .main-content .news-container .news-item .news-link {
            font-size: 1em;
        }
        
        .page.news .main-content .news-expand-overlay .news-expand-bg {
            width: 600px;
        }
        .page.news .main-content .news-expand-overlay .previous-news ,.page.news .main-content .news-expand-overlay .next-news {
            width: 20px;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-title-expand {
            font-size: 1.8em;
            line-height: 1em;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-date-expand {
            font-size: 1em;
        }
        .page.news .main-content .news-expand-overlay .news-expand-bg .news-expand-container .news-description-expand {
            font-size: 1.2em;
        }
        
        .page.events .main-content .event-container .event-item .event-title {
            font-size: 1em;
        }
        .page.events .main-content .event-container .event-item .event-name {
            font-size: 2.2em;
            line-height: 1em;
        }
        .page.events .main-content .event-container .event-item .event-date {
            font-size: 2em;
        }
        .page.events .main-content .event-container .event-item .event-description {
            font-size: 1.2em;
            line-height: 1.2em;
        }
        
        .page.events .main-content .event-expand-overlay .event-expand-bg {
            width: 615px;
        }
        .page.events .main-content .event-expand-overlay .previous-event, .page.events .main-content .event-expand-overlay .next-event { 
            width: 20px;
        }
        .page.events .main-content .event-container .event-item .event-link {
            font-size: 1em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand {
            font-size: 2em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-title-expand {
            font-size: 1em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-date-expand {
            font-size: 1.5em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-place-expand {
            font-size:1.3em;
        }
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand {
            font-size: 1.2em;
            line-height: 1em;
        }
        
        .page .art-category .category-item {
            font-size: 1em;
            margin: 0 0.5em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-category {
            font-size: 0.9em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-name {
            font-size: 0.9em;
        }
        .page.shop .main-content .shop-container .shop-item .shop-artist {
            font-size: 1.65em;
        }
        .page .content-nav-container .content-nav-item {
            font-size: 1em;
            
            
        }
        
        .page.services .main-content .content {
            
        }
        .page.services .main-content .content-right {
            font-size: 1.2em;
        }
        .page.services .content-subtitle {
            font-size: 3.2em;
        }
        
        .page.about .main-content .content {
            
        }
        .page .main-content .content-right {
            
        }
        .page .main-content .content-left div {
            font-size: 1.2em;
        }
        .page.contact .main-content .content-right .time {
            font-size: 0.75em;
        }
        .page.contact .main-content .content-right .contact-form div input, .page.contact .main-content .content-right .contact-form div textarea {
            font-size: 1em;
        }
        
        .page.contact .main-content .content {
            
        }
        .page.contact .main-content .content-left {
            float: left;
        }
        
        .page.member-login .main-content .content {
            
        }
        .page.personal_exhibition .main-content .exhibition-item .exhibition-more{
            font-size: 1.5em;
        }
        
        .page.checkout .account-container .titleaccount {
            font-size: 1.9em;
        }
        .page.checkout .account-container .login-form div{
            
        }

        .page.checkout .account-container input {
            font-size: 0.9em;
            height: 1.6em;
            line-height: 1.6em;
        }
        .page.checkout .account-container .forgot_password {
            font-size: 1.15em;
        }
        .page.checkout .account-container .form-login .button_login, .page.checkout .account-container .form-signup .button_login{
            font-size: 1.2em;
            padding: 3px;
        }
        .page.checkout .main-content .titleform{
            font-size: 1.9em;
        }
        .page.checkout .main-content .form-address .form-billing .name-label, .page.checkout .main-content .form-address .form-billing .right .name-label {
            font-size: 1.1em;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .search .search-country, .page.checkout .main-content .form-address .form-billing .form-content .left .search-country{
            font-size: 0.9em;
            line-height: 2.2em;
            height: 2.2em;
        }
        .page.checkout .main-content .form-address .form-billing .form-content input, .page.checkout .main-content .payment .form-content input{
            font-size: 0.9em;
            line-height: 1.6em;
            height: 1.5em;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .input, .page.checkout .main-content .form-address .form-billing .form-content .left .input.left, .page.checkout .main-content .form-address .form-billing .form-content .right .input.right, .page.checkout .main-content .payment .form-content .input {
            
        }
        .page.checkout .main-content .form-address .form-billing .form-content .input input.left, .page.checkout .main-content .form-address .form-billing .form-content .input input.right {
            height: 1.6em;
        }
        .page.checkout .main-content .form-address .form-billing .form-content .left img {
            right: 3%;
        }
        .page.checkout .main-content .form-address .shipping div {
            font-size: 1.2em;
        }
        .page.checkout .main-content .order .table-header {
            font-size: 1.05em;
        }

        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item.product {
            width: 42.75%;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item {
            font-size: 1.1em;
        }
        .page.checkout .main-content .order .shopping-contrainer .shopping-item .item .shopping-artist{
            font-size: 1.4em;
        }
        .page.checkout .main-content .order .shopping-total .cart-shipping-cost .cart-title, .page.checkout .main-content .order .shopping-total .cart-total .cart-title {
            width: 47%;
        }
        .page.checkout .main-content .order .shopping-total {
            font-size: 1.4em;
        }
        .page.checkout .main-content .payment .name-label{
            font-size: 1.1em;
        }
        .page.checkout .main-content .payment .form-content .right .month.left .search-month, .page.checkout .main-content .payment .form-content .right .year.right .search-year{
            font-size: 0.9em;
            height: 2.2em;
            line-height: 2.4em;
        }
        .page.checkout .main-content .payment .form-content .left{
            width: 44.5%;
        }
        .page.checkout .main-content .payment .payment-container .slot.slot-cvc{
            width: 15%;
        }
        .page.checkout .main-content .payment-button{
            font-size: 1.2em;
            padding: 1px;
        }
        .container .shopping-kart-container .shopping-image {
            width: 25px;
        }
        .container .shopping-kart-container .caption {
            font-size: 1.3em;
        }
        .container .shopping-kart-container .checkout-link {
            font-size: 1.2em;
        }
         .pagecontainer {
            font-size: 1.25em;
        }
    }*/
    /*for ratio 1.15 and 1.33333*/
    @media screen and (min-aspect-ratio: 115/100) and (max-aspect-ratio: 16/12) {
        /*for sidebar*/
       /* .header{
            padding: 7% 0;
        }*/
       /* .page-content{
            margin-left: 14% !important;
        }*/
        /*.sidebar{
            width: 14% !important;
        }*/
        /*for artwork expand*/
    }
    /*for ratio 1.4 and 1.5*/
    @media screen and (min-aspect-ratio:14/10) and (max-aspect-ratio:15/10){

    }
    /*for ratio 1.5 and 1.65*/
    @media screen and (min-aspect-ratio:15/10) and (max-aspect-ratio:165/100){
        /*header*/
        /*.header{
            margin: 3% 0;
        }
        .header .logo img {
            width: 20.4%;
        }*/
        /*for sidebar*/
       /* .sidebar{
           width: 15.8% !important;
        }*/
    }
    /*for ratio 1.65 and 1.8*/
    @media screen and (min-aspect-ratio:165/100) and (max-aspect-ratio:18/10){
        /*header*/
        /*.header {
            padding: 5.25% 0;
        }
        .page-content {
            margin-top: 15.3%;
        } */
        /*sidebar*/
        /*.sidebar{
            width: 16.2% !important;
        }*/
        .sidebar ul li.active span {
            /*left: -0.3em;*/
        }    
        /*menu navigasi*/
        .nav .nav-container .nav-item.status-logged-in {   
            margin-bottom: 8px;
        }
        /*home page content*/
        .page.home .main-content .exhibition-item {
            /*width: 76%;*/
        }
        .page.home .main-content .shop-container {
            /*width: 76%;*/
        }  
        .page.home .main-content .shop-container .shop-more {
            margin-bottom: 10px;
        }
        /*artist page content*/
        /*.page.artist .content-category-container .search-category img {
            width: 8%;
        }*/
        .page.artist .main-content .artist-container {
            /*width: 89%;*/
        }    
        /*exhibitions page content*/
        .page.exhibitions .main-content .exhibition-container {
            /*width: 75%;*/
        }
        /*artwork page-content*/ 
        /*.page.artwork .content-category-container .search-category {*/
            /*width: 24.5%;*/
          /*  margin-right: -2px;
        }*/
        .page.artwork .main-content .art-container {
            /*width: 88%;*/
            /*margin-left: 7em !important;*/
        }
        /*news page content*/
        .page.news .main-content .news-container {
            /*width: 89%;*/
        }
        /*event page content*/
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand, .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-title-expand,
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-date-expand, .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-place-expand, 
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand {
            line-height: 1em;
        }
        /*shop page-content*/
        .page .content-category-container .search-category {
            /*margin-right: -2px;*/
        }
        /*contact page-content*/
        .map_content {
            height: 389px;
        }
    }
    /*for ratio 1.8 and 1.95*/
    @media screen and (min-aspect-ratio:18/10) and (max-aspect-ratio:195/100){
        .header .logo img {
            /*width: 20.4%;*/
        }
        /*sidebar*/
        /*.sidebar{
            width: 16.6% !important;
        }*/
    }

    /*for ratio 1.95 and 2.06*/
    @media screen and (min-aspect-ratio:195/100) and (max-aspect-ratio:206/100){
       /* .header .logo img {
            width: 20.4%;
        }*/
        /*sidebar*/
        /*.sidebar{
            width: 16.2% !important;
        }*/
        /*home page content*/
        .page.home .main-content .exhibition-item {
            /*width: 76%;*/
        }
        .page.home .main-content .shop-container {
            /*width: 76%;*/
        }
        /*artist page content*/
        /*.page.artist .content-category-container .search-category {
            margin-right: -2px;
            width: 24.4%;
        }*/
        /*    .page.artist .content-category-container .search-category img {
            width: 8%;
        }*/
        .page.artist .main-content .artist-container {
            /*width: 89%;*/
        }
        /*exhibitions page content*/ 
        .page.exhibitions .main-content .exhibition-container {
            /*width: 75%;*/
        }
        /*artwork page-content*/
        
        /*.page.artwork .content-category-container .search-category {*/
            /*width: 24.5%;*/
            /*margin-right: -2px;*/
        /*}*/
        
        /*news page content*/
        .page.news .main-content .news-container {
            /*width: 89%;*/
        }
        /*shop page-content*/
        .page .content-category-container .search-category {
            /*margin-right: -2px;*/
        }
        .page .content-category-container .search-category input, .page .content-category-container .search-category .search-category-value {
             font-size: 1em;
        }
        .page.shop .main-content .shop-container {
            /*width: 843px;*/
        }
        .page.shop .main-content .shop-container .shop-item {
        /*        width: 205px;
            height: 148px;*/
        }
        .page.shop .main-content .shop-container .shop-item .shop-triangle {
            width: 13px;
        }
        /*contact page-content*/
        .map_content {
            height: 383px;
        }
    }
    /*for ratio 2.06 and 2.16*/
    @media screen and (min-aspect-ratio:206/100) and (max-aspect-ratio:216/100){
        /*untuk in browser resolusi 1280x800
        */   
    }
    /*for ratio 2.16 and 2.55*/
    @media screen and (min-aspect-ratio:216/100) and (max-aspect-ratio:255/100){
       /*header*/
        .header{
            /*margin: 3% 0;*/
        }
        .header .logo img {
            /*width: 20.4%;*/
        }
        /*sidebar*/
       /*.sidebar{
            width: 16.2% !important;
        }*/
        .sidebar ul li.active span {
            left: -0.3em;
            /*line-height: 2.8em;*/
        }    
        /*menu navigasi*/
        .nav .nav-container .nav-item.status-logged-in {   
            margin-bottom: 9px;
        }
        /*home page content*/
        .page.home .main-content .exhibition-item {
            /*width: 76%;*/
        }
        .page.home .main-content .shop-container {
            /*width: 76%;*/
        }  
        .page.home .main-content .shop-container .shop-more {
            margin-bottom: 10px;
        }
        /*artist page content*/
        /*.page.artist .content-category-container .search-category img {
            width: 8%;
        }*/
        .page.artist .main-content .artist-container {
            /*width: 89%;*/
        }    
        /*exhibitions page content*/
        .page.exhibitions .main-content .exhibition-container {
            /*width: 75%;*/
        }
        /*artwork page-content*/ 
        /*.page.artwork .content-category-container .search-category {*/
            /*width: 24.5%;*/
            /*margin-right: -2px;*/
        /*}*/
        .page.artwork .main-content .art-container {
            /*width: 88%;*/
        }
        /*news page content*/
        .page.news .main-content .news-container {
            /*width: 89%;*/
        }
        /*event page content*/
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-name-expand, .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-title-expand,
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-date-expand, .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-place-expand, 
        .page.events .main-content .event-expand-overlay .event-expand-bg .event-expand-container .event-description-expand {
            line-height: 1em;
        }
        /*services page-content*/

    }
    /*for ipad */
    @media screen and (width: 1024px){
        .page.home .main-content .exhibition-item .exhibition-image-container .odd .image-right div.artwork-meta{
            height: auto;        
        }

    }

    /*@media screen and (min-width: 1366px) and (height: 768px){
        .header {
            padding: 4.5% 0;
        }
        .page-content {
            top: -8px;
        }
        .nav .nav-container{
            height: 1.8em;
            line-height: 1.8em;
        }
    }*/

    @media only screen and (min-width: 1366px) {
        .right-bar {
            margin-top: 0;
        }
    }
/*
    @media only screen and (min-width: 768px) {
        .page.shopping .main-content .shopping-container .shopping-total .cart-shipping-cost .cart-title, .page.shopping .main-content .shopping-container .shopping-total .cart-total .cart-title {
            width: 23%;
        }
    }*/

.backdrop img.loader {
    width: 4em;
}

/*imamsrifkan: customize modal */

.modal {
    border: none;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
            box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.modal.fade {
    top: auto;
    -webkit-transition: opacity .3s linear,opacity .3s linear;
    -moz-transition: opacity .3s linear,opacity .3s linear;
    -o-transition: opacity .3s linear,opacity .3s linear;
    transition: opacity .3s linear,opacity .3s linear;
}


.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-header {
    border: none;
    padding: 0;
}

.modal-header h4{
    padding : 15px;
    margin : 0px;
}
.modal-header hr{
    margin: 0px;
}

.modal-body{
    font-family: 'futura-pt';
    font-weight: 300;
    font-size: 1.2em;
}
#modal-update .ajax-loader{
    opacity: 0;
}
.modal-header button.close {
    height: 30px;
    width: 30px;
    margin-top: -15px;
    margin-right: -15px;
    padding: 0px;
    position: absolute;
    right: 0px;
    z-index: 10;
}

.close {
    opacity: 1;
    filter: alpha(opacity=100);
}

.close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.close img {
    position: relative;
    width: 100%;
}

/*imamsrifkan: laoder before show pop up artwork*/
.page-content .backdrop {
    background-color: rgba(71,71,72, 0.94);
    height: 100%;
    position: fixed;
    top: 0;
    width: 84%;
    z-index: 1;
}
.expanded-image-big {
    width: 100%;
    min-height: 420px;
    max-height: none;
    display: block;
    vertical-align: middle;
    position: relative;
}

.expanded-image-big img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;

}

.page.home .main-content .shop-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

.unavailable {
    margin: 10em 0;
    font-size: 1.4em;
    font-family: 'futura-pt';
}

.art-description-container {
    position: relative;
    /*width: 100% !important;*/
    /*max-height: 25em !important;*/
}

.no-data {
    display: block;
    font-family: 'futura-pt';
    font-size: 1em;
    text-align: center;
}

.divider {
/*     border-bottom: 1px groove; */
}

.page.artist-detail .list-detail .artist-name {
    font-family: 'futura-pt';
    margin: 0;
    margin-bottom: 0.5em;
    font-weight: normal;
    font-size: 1em;
    line-height: 1em;
}

.page.artist-detail .list-detail .artist-subtitle {
    font-family: 'futura-pt';
    margin-top: 0.5em;
}


/* page detail exhibition */
.page.exhibition-detail {

}

.page.exhibition-detail .content-detail, .page.artist-detail .content-detail {
    margin: 2em 0;
}

.page.exhibition-detail .content-detail .list-detail, .page.artist-detail .content-detail .list-detail {
    margin: 2em 0;
    width: 100%;
}

.page.exhibition-detail .content-detail .list-detail .content-left, .page.exhibition-detail .content-detail .list-detail .content-right, .page.artist-detail .content-detail .list-detail .content-left, .page.artist-detail .content-detail .list-detail .content-right {
    display: inline-block;
    position: relative;
    font-family: 'futura-pt';
    vertical-align: top;
}

.page.exhibition-detail .content-detail .list-detail .content-left a, .page.exhibition-detail .content-detail .list-detail .content-right a, .page.artist-detail .content-detail .list-detail .content-left a, .page.artist-detail .content-detail .list-detail .content-right a {
    color: #333;
}

.page.exhibition-detail .content-detail .list-detail .content-left a:hover, .page.exhibition-detail .content-detail .list-detail .content-right a:hover, .page.artist-detail .content-detail .list-detail .content-left a:hover, .page.artist-detail .content-detail .list-detail .content-right a:hover {
    text-decoration: underline;
}

.page.exhibition-detail .content-detail .list-detail .content-left,
.page.artist-detail .content-detail .list-detail .content-left {
    display: block;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-title, .page.artist-detail .content-detail .list-detail .content-left .artist-title {
    font-family: 'futura-pt';
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    line-height: normal;
    margin: 0px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0px;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-show, .page.artist-detail .content-detail .list-detail .content-left .artist-show {
    font-family: 'futura-pt';
    color: #b2b2b3;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0px;
}

.page.exhibition-detail .content-detail .list-detail .content-left .exhibition-preview, .page.artist-detail .content-detail .list-detail .content-left .artist-preview {
    margin-bottom: 1em;
    text-align: left;
}

.page.exhibition-detail .content-detail .list-detail .content-left .exhibition-preview span, .page.artist-detail .content-detail .list-detail .content-left .artist-preview span {
    color: #402457;
    font-family: 'futura-pt';
    font-weight: bold;
    text-transform: uppercase;
}

.page.exhibition-detail .content-detail .list-detail .content-left .exhibition-desc, .page.artist-detail .content-detail .list-detail .content-left .artist-desc {
    font-family: 'futura-pt';
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 0.5em;
    text-align: justify;
}

.page.exhibition-detail .content-detail .list-detail .content-left .exhibition-desc a, .page.artist-detail .content-detail .list-detail .content-left .artist-desc a {
    color: #402457;
}
.page.exhibition-detail .content-detail .list-detail .content-left .exhibition-desc a:hover, .page.artist-detail .content-detail .list-detail .content-left .artist-desc a:hover {
    text-decoration: underline;
}
.page.exhibition-detail .content-detail .list-detail .content-right,
.page.artist-detail .content-detail .list-detail .content-right {
    display: block;
    margin-bottom: 15px;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-shadow: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: width 0.3s ease-in-out;
       -moz-transition: width 0.3s ease-in-out;
        -ms-transition: width 0.3s ease-in-out;
         -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out;
}
@media ( min-width: 768px ) {
    .page.exhibition-detail .content-detail .list-detail .content-right,
    .page.artist-detail .content-detail .list-detail .content-right {
        float: right;
        /* padding-left: 0px; */
        width: 250px;
    }
}
@media ( min-width: 1200px ) {
    .page.exhibition-detail .content-detail .list-detail .content-right,
    .page.artist-detail .content-detail .list-detail .content-right {
        width: 320px;
    }
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container, .page.artist-detail .content-detail .list-detail .artist-image-container {
    display: block;
    position: relative;
    width: 100%;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .image-container, .page.artist-detail .content-detail .list-detail .artist-image-container .image-container {
    display: block;
    position: relative;
    width: 100%;   
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .image-container img, .page.artist-detail .content-detail .list-detail .artist-image-container .image-container img {
    width: 100%;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .rollover-current, .page.artist-detail .content-detail .list-detail .artist-image-container .rollover-current {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .rollover-current img, .page.artist-detail .content-detail .list-detail .artist-image-container .rollover-current img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .rollover-current span, .page.artist-detail .content-detail .list-detail .artist-image-container .rollover-current span {
    display: block;
}

.page.exhibition-detail .content-detail .list-detail .exhibition-image-container .rollover-current .title.artist, .page.artist-detail .content-detail .list-detail .artist-image-container .rollover-current .title.artist {
    position: relative;
    margin: auto;
    color: #fff;
    right: 0;
    font-size: 16px;
    font-family: 'futura-pt';
    width: 90%;
    line-height: 1;
}

.page.exhibition-detail .content-detail .list-detail .list-artwork, .page.artist-detail .content-detail .list-detail .list-artwork {
    /* width: 100%; */
    display: block;
    margin-top: 15px;
    position: relative;
    font-size: 0;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.page.exhibition-detail .content-detail .list-detail .list-artwork .artwork-item,
.page.artist-detail .content-detail .list-detail .list-artwork .artwork-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    padding: 0px 7.5px;
    width: 100%;
}
@media ( min-width: 480px ) {
    .page.exhibition-detail .content-detail .list-detail .list-artwork .artwork-item,
    .page.artist-detail .content-detail .list-detail .list-artwork .artwork-item {
        width: 50%;
    }
}
@media ( min-width: 1200px ) {
    .page.exhibition-detail .content-detail .list-detail .list-artwork .artwork-item,
    .page.artist-detail .content-detail .list-detail .list-artwork .artwork-item {
        width: 33.333333%;
    }
}

.page.exhibition-detail .content-detail .list-detail .list-artwork .artwork-item .item-image, .page.artist-detail .content-detail .list-detail .list-artwork .artwork-item .item-image {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    cursor: pointer;
    text-align: center;
}

.page.artist-detail .content-detail .list-detail .list-artwork .artwork-item .item-image img {
    width: 100%;
    max-width: none;
}

.page.exhibition-detail .content-detail .list-detail .list-artwork .artwork-item .item-artist, .page.artist-detail .content-detail .list-detail .list-artwork .artwork-item .item-artist {
    margin-top: 5px;
    color: #b2b2b3;
    font-family: 'futura-pt';
    font-size: 14px;
    font-weight: bold;
}

.init-loader {
    background-color: #fff;
    position: fixed;
    /*display: block;*/
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.init-loader img.logo {
    /*width: 10%;*/
    display: block;
    margin: auto;
    margin-top: 1em;
}

.init-loader img {
    /*width: 5%;*/
}
.init-loader .loader-container {
    width: 12em;
    margin: auto
}
.init-loader .loader-container .loader {
    width: 30%;
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
    max-width: 99999px;
}

.skeletonbody.hidden {
    opacity: 0;
}

.skeletonbody {
    display: block;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

.bottom-menu {
    background-color: #FBFBFB;
    border: 1px solid #E2E2E2;
    border-bottom: none;
    font-family: 'futura-pt';
    font-weight: 400;
    font-size: 1.1em;
    text-align: center;
}

.bottom-menu ul {
    list-style: none;
    margin: 0;
}

.bottom-menu ul li {
    border-bottom: 1px solid #E2E2E2;
    padding: 3% 4%;
    cursor: pointer;
}

.bottom-menu ul li.active {
    background-color: #FFF;
    color: #402457;
    font-family: 'futura-pt';
    font-weight: 500;
    font-weight: bold;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #E2E2E2;
       -moz-box-shadow: inset 0px -1px 0px 0px #E2E2E2;
        -mz-box-shadow: inset 0px -1px 0px 0px #E2E2E2;
            box-shadow: inset 0px -1px 0px 0px #E2E2E2;
}

.bottom-menu ul li a.active {
    color: #474748;
}

.bottom-menu ul li span, .bottom-menu .subscribe-button a {
    color: #474748;
}

.bottom-menu .subscribe-button {
    padding: 3% 4%;
    cursor: pointer;
}

.sidebar-overlay {
    /* display: block; */
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 1;
}
.art-detail {
    color: #fff;
    font-family: 'futura-pt';
    margin: 1em 0;    
}

.art-detail .title {
    text-transform: capitalize;
    margin-right: 1em;
}

.art-code {
    margin-top: 1em;
    color: #fff;
    font-weight: normal;
    font-size: 1em;
    font-family: 'futura-pt';
}

.as-member {
    font-family: 'futura-pt';
    font-weight: 300;
    margin-top: 10px;
    padding: 0 15px;
}

/* style placeholder for member */

.sign-up ::-webkit-input-placeholder {
    color: #CFCFCF;
    font-style: italic;
}

.sign-up :-moz-placeholder {
    color: #CFCFCF;
    font-style: italic;
}

.sign-up ::-moz-placeholder {
    color: #CFCFCF;
    font-style: italic;
}

.sign-up :-ms-input-placeholder {
    color: #CFCFCF;
    font-style: italic;
}

div.empty, li.empty {
    line-height: 0px !important;
    width: 0px !important;
    height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}
input.empty{
    width: 0px !important;
    height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.forgot-password {
    font-family: 'futura-pt';
}

.forgot-password input {
    background-color: #B2B2B3;
    color: #ffffff;
    border-radius: 0;
    font-family: 'futura-pt';
    text-transform: uppercase;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
}

.forgot-password input:focus {
    border-color: #B2B2B3;
    box-shadow: none;
}

.forgot-password ::-webkit-input-placeholder {
    color: #CFCFCF;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
}
.forgot-password ::-moz-placeholder {
    color: #CFCFCF;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
}
.forgot-password :-moz-placeholder {
    color: #CFCFCF;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
}
.forgot-password :-ms-input-placeholder {
    color: #CFCFCF;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
}

.forgot-password a {
    color: #333;
}

.forgot-password .btn {
    background: none;
    background-color: #402457;
    border-radius: 0;
    box-shadow: none;
    font-family: 'futura-pt';
    font-weight: bold;
    text-shadow: none;

}

.acga-logo {
    position: relative;
    display: inline;
}

.acga-logo img {
    width: 50px;
    height: auto;
}

.infinite-loader {
    display: none;
    width: 55%;
    margin: auto;
    margin-top: 2em;
}

.infinite-loader img {
    display: block;
    margin: auto;
    position: relative;
    width: 30px;
}