/*@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}*/

body {background-color: #fff;}

.list-none {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.list-none li {
    /* list-style-type: none; */
}

.grey-block {background: #fafafa;padding:15px;}

.modal {
    border: none;
    justify-content: center;
    align-items: center;
}
.modal.show {
    display: flex !important;
}
.modal .close {
    position: absolute;
    right: -55px;
    top: -45px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
}

.sib-form .form__label-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sib-form .entry__label {
    flex: 0 0 110px;
    margin-bottom: 0;
}
.sib-form .entry__field {
    flex: 1 1 auto;
    margin: 0;
}
.sib-optin,
.sib-form .sib-form-block:not(.sib-optin) .form__entry .entry__error--primary,
.sib-form .sib-form-block:not(.sib-optin) .form__entry .entry__specification {
    margin-left: 110px;
    max-width: 9999px;
}
.main-content {background:#fff;min-height: 300px;}
.main-content > .container {background:#fff;padding-bottom:50px;}
.main-title { font-family: 'Open Sans',sans-serif;
    font-size: 40px;
    letter-spacing: 20px;color:#333;
    margin: 0;text-align: center;
    margin-top:60px;
    margin-bottom:30px;
    text-transform: uppercase;}

.second-title {
    font-family: "Open Sans",sans-serif;
    font-size: 25px;color:#333;
    letter-spacing: 3px;
    /* margin: 0 0 25px; */
    text-align: center;
    text-transform: uppercase;
}

.third-title {
  font-family: "Open Sans",sans-serif;
    font-size: 18px;color:#333;
    letter-spacing: 3px;
    margin: 0 0 15px;
    text-align: center;
}

.art-text h2, .art-text h3 {
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 30px 0 15px;color:#333;
    text-align: left;
    text-transform: uppercase;   
}
.art-text h2:first-of-type, .art-text h3:first-of-type {
  margin-top:0;
}




.main-link, .main-link a {   color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;}
.main-link:hover, .main-link a:hover, .main-link:active, .main-link:focus, .main-link a:active, .main-link a:focus  {
    text-decoration: none;color:#333;
}

.artiste-block {
    display: flex;
    margin-bottom: 60px;
    margin-top: 60px;
}
.artiste-block .avatar {
    flex: 0 0 160px;
}
.avatar {
/*     max-width:160px;
    margin:auto; */
}
.avatar a {
    width: 160px;
    height: 160px;
    display: block;transition: all .3s;
    background-size: cover;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    margin: 30px auto 0;
}
.avatar img {border-radius:120px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.artiste-block .avatar a {
    margin: 0;
}

.artiste-block .txt {
    flex: 1 1 auto;
}

.hor-trait {
    height: 1px;
    position:relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;}
.hor-trait:after { background: #d9d9d9 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 50%;
    margin: auto auto auto -50px;
    position: absolute;
    top: 0;
    width: 100px;}

.expo-block { background-position: center center;
    background-size: cover;
    height: 400px;position:relative;
    overflow: hidden;display: block;
    padding: 15px;
    width: 100%;}
.expo-block:hover, .expo-block:focus, .expo-block:active {text-decoration: none;}
.expo-darker {display:block;transition:all .3s ;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(255,255,255,0.80);}
.expo-block:hover .expo-darker {background:rgba(255,255,255,0.60);margin:20px;}
.expo-block-content {margin-top:200px;transform:translateY(-66%);color:#26293f;display: block;}
.expo-block:hover .expo-block-content , .expo-block:focus .expo-block-content, .expo-block:active .expo-block-content{}
.expo-link {  color: #26293f;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;display: block;
    letter-spacing: 2px;
    margin: 0 ;
    text-transform: uppercase;}
.expo-link:hover, .expo-link:active, .expo-link:focus  {
    text-decoration: none;
}
.expo-tag {
    background:#0f111a;
    color:#fff;display: block;
    padding:2px 10px; display: inline-block;
    margin-bottom: 5px;font-size: 80%;
}
.expo-tag:hover, .expo-tag:active, .expo-tag:focus {color:#fff;text-decoration: none;}

.expo-txt {
    display: block;margin-bottom: 5px;
}
.expo-artistes  {
}

.expo-menu {margin:auto;text-align: center;}
.expo-menu li {display: inline-block;}
.expo-menu li a {
color: #bbb;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding: 0px 15px;
text-transform: uppercase;
}
.expo-menu li a.active, .expo-menu li a:hover, .expo-menu li a:focus,.expo-menu li a:active {color:#666;text-decoration: none;}

.contact_map {
    width: 100%;
    margin-bottom: -5px;
    border: 1px solid #d9d9d9;
    max-width: 750px;
    margin: auto;
}
.contact_map iframe {
    height:450px !important;width:100% !important;
}


.vue3d-block {
    position: relative;
    width: 50%; 
    margin:auto;
}
.vue3d-block:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

.vue3d {
    position: absolute;
    width: 100%;
    height: 100%;   
    border:none;
}


.social_links {margin:0;padding:0;}
.social_links li:first-child {padding-left:0;}
.social_links li {list-style:none;display: inline-block; margin-right: 10px;padding-left: 5px;padding-right: 5px;}
.social_links li:last-child {margin-right:0;padding-right: 0;}
.social_links li a {font-size: 22px;color:#999;}
.social_links li a:hover {text-decoration: none;color:#666;}

#scrollToTop {
    background: #f6f6f6 none repeat scroll 0 0;
    bottom: 0;
    color: #26293f;
    display: none;
    font-size: 20px;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    z-index: 998;
}
#cookieLaw {position:fixed;bottom:0;left:0;right:0;padding:15px;background: rgba(0,0,0,0.8);color:#fff;z-index: 999;}
#cookieLaw .btn-xs {cursor: pointer;}

/**********/
/* VENTES */
/**********/
.internal-filters {
    text-align: center;
}
.internal-filters li {
    display: inline-block;
}
.internal-filters li.active a{
    color: #333;
}
.internal-filters li::after {
    content: "|";
    display: inline-block;
    margin: 0 4px;
    color: #999;
}
.internal-filters li:last-child::after {
    content: none;
}

.ventes-categories .main-filters {
    /* margin-bottom: 30px; */
}
.ventes-categories .main-filters::before {
    content: '';
    display: block;
    width: 20%;
    height: 1px;
    margin: 20px 0;
    background-color: #d9d9d9;
}
.ventes-categories .main-filters:first-child::before {
    content: none;
}
.ventes-categories .main-filters li {
    display: block;
    list-style-type: none;
    margin-bottom: 6px;
    line-height: 1.4;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.ventes-categories .main-filters > li > span {
    display: none;
}
.ventes-categories .main-filters > li > ul {
    /* margin-top: 12px; */
}
.ventes-categories ul li.active a {
    color: #333;
}
.ventes-grid .ventes-block {
    position: relative;
    display: flex;
    margin-bottom: 60px;
    flex-direction: column;
    padding: 0 30px;
}
.ventes-grid .ventes-block-img {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.ventes-grid .ventes-block-img a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}
.ventes-grid .ventes-block-img a img{
    width: 100%;
    height: auto;
    opacity: 1;
    transition: all 0.3s linear;
}
.ventes-grid .ventes-block-img a img.thumbnail-full {
    position: absolute;
    opacity: 0;
    max-height: 100%;
    width: auto;
    /* left: 0;
    top: 0; */
}
.ventes-grid .ventes-block-img a:hover img.thumbnail-full {
    opacity: 1;
}
.ventes-grid .ventes-block-img a:hover img.thumbnail-full + img{
    opacity: 0
}
.ventes-grid .ventes-block-img a:hover img.thumbnail-full + .zoom-icon{
    display: none;
}

.zoom-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: right;
}
.zoom-icon::before {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 16px;
}
.zoom-icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    color: #fff;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #000000 transparent transparent;
    z-index: 0;
}
.ventes-grid .ventes-block:hover .zoom-icon + img {
    position: relative;
    z-index: 2;
}
.ventes-grid .ventes-block .hor-trait {
    position: relative;
    margin: auto 0 0;
    padding: 30px 0 0;
    text-align: center;
    height: auto;
}
.ventes-grid .ventes-block .hor-trait.arrow-up::before {
    content:  "";
    display: block;
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 50%; */
    /* margin-left: -10px; */
    width: 20px;
    height: 8px;
    margin: 0 auto;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #d9d9d9 transparent;
}
.ventes-grid .ventes-block .hor-trait::after {
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0;
    margin: 0;
}

.page-vente .vente-header > .row {
    align-items: center;
}
.page-vente .vente-img {
    position: relative;
    text-align: center;
}
.page-vente .vente-img a {
    display: inline-block;
    position: relative;
}
.page-vente .vente-img img {
    min-width: 400px;
}

/**************/
/* NEWSLETTER */
/**************/
.newsletter-block-container {
    margin-bottom: 30px;
    padding-bottom: 35px;
    text-align: center;
}
.home-container .newsletter-block-container {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.newsletter-block {
    text-align: center;
}
.newsletter-block form {
    margin-bottom: 8px;
}
.newsletter-block form .form_field {
    display: flex;
    margin-bottom: 8px;
}
.newsletter-block form .form_field label {
    width: 100px;
    line-height: 35px;
    margin-right: 10px;
    margin-bottom: 0;
    text-align: left;
}
.newsletter-block form .form_field input {
    width: auto;
    flex: 1 1 auto;
}
.newsletter-block form .form_field input[type='text'] {
    padding: 4px 6px;
}


/***********/
/* CONTACT */
/***********/
.flash-error {
    color: #dd2e17;
    font-weight: bold;
    background-color: #ffdcd7;
    padding: 15px;
    margin: 15px;
}

@media  (max-width: 991px) {
    .main-title {
        font-size: 35px;letter-spacing: 15px;
        margin-top:60px;margin-bottom:30px;
    }
}

@media (max-width: 767px) {

    .main-title {
        font-size: 30px;letter-spacing: 13px;
        margin-top: 30px;margin-bottom:30px;
    }
    .main-title + .hor-trait {
        display: none;
    }

    .expo-menu li {
        display: block;
    }

    .expo-menu li a {
        font-size: 12px;
        padding: 4px 15px;
        display: block;
    }

    /**********/
    /* VENTES */
    /**********/
    .ventes-categories {
        margin-bottom: 30px;
    }
    .ventes-categories .main-filters {
        text-align: center;
        /* margin-bottom: 30px; */
    }
    .ventes-categories .main-filters li {
        display: inline-block;
        margin: 0 5px 6px;
    }
    .ventes-categories .main-filters::before {
        margin: 12px auto 20px;
    }

    .page-vente .vente-img {
        text-align: center;
    }
    .page-vente .vente-img img {
        min-width: 0;
    }
}

@media (max-width: 576px) {
    /************/
    /* ARTISTES */
    /************/
    .artiste-block {
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .artiste-block .avatar,
    .artiste-block .txt {
        flex: 0 0 auto;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .artiste-block .avatar a {
        margin: 0 auto 30px;
    }
}